选择“NA"第一个下拉框中的值不应该被禁用"NA"第二个下拉列表中的值

Selecting "NA" value from 1st dropdown should not disabled "NA" value from 2nd dropdown

本文关键字：quot NA 第二个 下拉列表 不应该 第一个 选择      更新时间：2023-09-26

这里我防止多次选择相同的值。使能Even NA值如何防止NA值被禁用?

演示链接

Html代码:

<label>1st dropdown</label>
<select id="select1">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
   <option value="4">4</option>
    <option value="NA">NA</option>
</select>
<br />
<hr/>
<label>2nd dropdown</label>
<select id="select2">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
   <option value="4">4</option>
    <option value="NA">NA</option>
</select>

Js代码:

 $("select").change(function()
     {
     $("select option").attr("disabled",""); //enable everything
        //collect the values from selected;
         var  arr = $.map
         (
            $("select option:selected"), function(n)
             {
                  return n.value;
              }
          );
     $("select option").filter(function()
        {
            return $.inArray($(this).val(),arr)>-1;
         }).attr("disabled","disabled");   
    });

你可以这样写:

return ($.inArray($(this).val(),arr)>-1 && $(this).val() !== 'NA');

在filter函数中

相关文章：