javascript - 从第一个下拉列表中选择 "NA"值不应禁用第二个下拉列表中的 "NA"值

Question

在这里，我阻止多次选择相同的值。甚至 NA 值也被禁用 如何防止 NA 值被禁用？

Demo Link

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");   

    });

Answer 1

你可以使用类似的东西:

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

在您的filter函数中。