doudouchan5830
2016-08-22 08:40
浏览 46

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

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.

图片转代码服务由CSDN问答提供 功能建议

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • duanmei1536 2016-08-22 08:51
    已采纳

    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/

    打赏 评论
  • douci1918 2016-08-22 08:46

    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>
    
    打赏 评论

相关推荐 更多相似问题