javascript - 在文本框中输入所有值后启用下拉菜单

Question

在我的 HTML 表单中，有 2 个文本框和 1 个下拉列表。

加载页面时，下拉列表不应可编辑(即:禁用)

填写完所有文本框后，下拉列表应该是可编辑的。

请给出一个在 javascript 中解决这个问题的想法。

Answer 1

尝试这样

HTML

<input type="text" id="text1" onblur="myFunction()"> 
<input type="text" id="text2" onblur="myFunction()">
<select id="select1" disabled>
   <option>value</option>
</select>

Javascript

function myFunction() {
    if (document.getElementById("text1").value.length > 0 && document.getElementById("text2").value.length > 0) {
        document.getElementById("select1").disabled = false;
    } else {
        document.getElementById("select1").disabled = true;
    }
}