禁用選擇選項

Question

我有2 select boxes。我需要做的是：當1st select option我選擇啓用2nd select options，然後當我選擇選項時，它會自動將其自動廣告到ol li列表並禁用該選項。當我點擊li時，li應該消失，並且應該啓用第二個選擇框上的選項。

<div class="styleSelect"> 
    <select class="units" id="select"> 
     <option value="1">Sve ponude</option> 
     <option value="2">1</option> 
     <option value="3">2</option> 
    </select> 
</div> 
<div class="styleSelect"> 
    <select class="units" id="change"> 
     <option value="1" disabled="disabled" selected="selected">Sve ponude</option> 
     <option value="2">1</option> 
     <option value="3">2</option> 
    </select> 
</div> 
<div> 
    <ol> 
    </ol> 
</div> 

的jQuery：

   function getText(){ 
       $('#change').on('change',function(){ 
        $(".value_change").prop('value', 'Potvrdi'); 
        $("#close").css('display', 'none'); 
        conceptName ='<li>' + $('#change').find(":selected").text() + ' (' + $('#select').find(":selected").text() + ') <a class="speclist-remove"></a></li>'; 
        $('ol').append(conceptName);  
        $('#change').on('change',function(){ 
         if($(this).val()){ 
          $(this).prop("disabled",true); 
         } 
        }); 
         $(".speclist-remove").on("click", function(){ 
          $(this).closest("li").remove(); 
          alert($(this).closest("li").text()); 
         }); 

       });  
      } 

Answer 1

不太清楚正確與否，嘗試這個例子用法：

HTML

<div class="styleSelect"> 
    <select class="units" id="select"> 
    <option value="1">Sve ponude</option> 
    <option value="2">1</option> 
    <option value="3">2</option> 
    </select> 
</div> 
<div class="styleSelect"> 
<select class="units" id="change"> 
    <option value="1" disabled="disabled" selected="selected">Sve ponude</option> 
    <option value="2">1</option> 
    <option value="3">2</option> 
</select> 
</div> 
<div> 
<ol></ol> 
</div> 

JS

$(document).on('change', '#select', function(){  
    var val = $(this).val(); 
    $('ol').append('<li>'+val+'</li>'); 
    $('#change option[value="'+val+'"]').prop('disabled', true);  
}); 

$(document).on('click','ol li',function(){ 
    var val = $(this).text().trim(); 
    $(this).remove(); 
    $('#change option[value="'+val+'"]').prop('disabled', false); 
}); 

DEMO