Question

我想将文本框属性更改为只读。我的列表框中有两个值，本地和域。当我选择域时，我的下一个文本框字段应设置为只读。我怎么能改变这个属性？

                          ×           创建用户                                                                                         用户名：                                                                                                                名字：
                                                                       姓：
                                                                       电子邮件：
                                                                       用户类型：                                                               本地用户                       域用户
                                                                       密码：
                                                                       重新输入密码：                                                                                                                                                取消           加

这是我的代码。

Answer 1

您需要在选择更改上添加侦听器才能修改下一个输入字段

window.onload = function() {
  var elem = document.getElementById('our-select')
  
  elem.addEventListener('change', function(event) {
    if(event.target.value === 'local'){
      document.getElementById('our-input').disabled = true;
    } else {
      document.getElementById('our-input').disabled = false;
    }
  });
}

<select id="our-select">
  <option>domain</option>
  <option>local</option>  
</select>
<input id="our-input" />

我们可以通过javascript验证器规则更改文本框属性吗？

1 个答案: