2016-10-20 4 views
0

ここでは、同じ値を複数選択できません。 NA値が無効になっています NA値が無効にならないようにする方法は?最初のドロップダウンから "NA"値を選択しても、2番目のドロップダウンメニューから "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コード:あなたのfilter楽しみに

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

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

    }); 

答えて

2

あなたが好きなものを使用することができますction。

+0

@SVK助けてくれましたか? – Sajan

+0

はい..ありがとう.. :) – SVK

関連する問題