在组合选择上启用/禁用文本框

时间:2012-02-27 07:14:04

标签: javascript jquery html drop-down-menu

我想根据组合框中选择的下拉项启用/禁用文本框。早期文本框处于禁用模式,当选择第一个选项时,将启用文本框,当第二个选项将被启用时选中然后文本框将再次被禁用。我怎么能用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 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)


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