첫 번째 드롭 다운에서 "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

: 당신의 filter 재미

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

을 .