如何从下拉列表中选择值时禁用输入类型=“文本”[关闭]

问题描述：

I have a drop-down list) and one is input type="text". what i want if i select value{2,3} from drop down list not first value then input type will be disabled and if i select again first value then it will be enable.

我有一个下拉列表），其中一个是input type =“text”。我想要的是如果我从下拉列表中选择值{2,3}而不是第一个值，那么输入类型将被禁用，如果我再次选择第一个值，那么它将被启用。 p> div>

答

Let's suppose you have this HTML code:

<select id='dropdown'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<input type="text" id="textInput" />

Then you can act on change event on <select> to make <input> disabled or enabled by adding an event listener.

Since you're using jQuery (as you've added jquery tag to the question), the example code could look like this:

$('#dropdown').change(function() {
    if( $(this).val() == 1) {
        $('#textInput').prop( "disabled", false );
    } else {       
        $('#textInput').prop( "disabled", true );
    }
});

Here's a working fiddle: https://jsfiddle.net/wx38rz5L/2268/

答

You can hook into the select box's onchange event. If you set the first item to some known value (like an empty string, or "first" or whatever), you can check the current value and disable or enable the text box based on that.

var sel = document.getElementById("sel"), text = document.getElementById("text");

sel.onchange = function(e) {
  text.disabled = (sel.value !== "");
};

<select id="sel">
  <option value="">1</option>
  <option>2</option>
  <option>3</option>
</select>
<input type="text" id="text" />

</div>

如何从下拉列表中选择值时禁用输入类型=“文本”[关闭]

相关推荐