启用/禁用组合选择的文本框

enable/disable textbox on combo selection

本文关键字：文本 选择 禁用组合 启用      更新时间：2023-09-26

我想根据组合框中下拉项的选择启用/禁用文本框。先前的文本框处于禁用模式，当选择第一个选项时，文本框将被启用，当选择第二个选项时文本框将再次被禁用。如何使用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"/>

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


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