2012-02-27 30 views
2

我想要启用/禁用基于组合框中的下拉项目的选择的文本框。较早的文本框处于禁用模式,当选择第一个选项时文本框将会启用,当第二个选项将被选中时,文本框将被禁用。我如何使用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"/> 

回答

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

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

谢谢你的答案,但它没有使文本框时,我选择了第一个选项 – saroj 2012-02-27 07:22:46

+0

看到编辑的代码 – 2012-02-27 07:24:58

相关问题