啓用/禁用組合選擇上的文本框

Question

我想要啓用/禁用基於組合框中的下拉項目的選擇的文本框。較早的文本框處於禁用模式，當選擇第一個選項時文本框將會啓用，當第二個選項將被選中時，文本框將被禁用。我如何使用jQuery來做到這一點？由於

<select id="combo"> 
<option value="_">select</option> 
<option value="firstoption">firstoption</option> 
<option value="secondoption">secondoption</option> 
</select> 

<input type="text" id="textbox" disabled="true"/> 

Answer 1

$(function() { 
    $("#combo").change(function() { 
     if ($(this).val() == "firstoption") { 
      console.log(true); 
      $("#textbox").removeAttr("disabled"); 
     } 
     else { 
      console.log(false); 
      $("#textbox").attr("disabled", "disabled"); 
     } 
    }); 
}); 

Answer 2

 

$("#combo").change(function() { 
    if($(this).val() == "secondoption") { 
    $("#textbox").attr("disabled", "disabled"); 
    } 
    else {  
    $("#textbox").removeAttr("disabled"); 
    } 
});