选择" NA"第一次下拉列表中的值不应禁用" NA"第二次下拉的价值

时间:2016-10-20 11:33:06

标签: javascript jquery html angularjs

这里我防止多次选择相同的值。甚至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");   

    });

1 个答案:

答案 0 :(得分:2)

您可以使用以下内容:

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

filter函数中。