TA貢獻1909條經驗 獲得超7個贊
非常簡單的例子。
默認情況下，這些字段設置為“禁用”。該腳本檢查列表中的前一個字段，如果它有內容，則從下一個字段中刪除“已禁用”
var list = document.getElementsByClassName('inpt');
for (let i = 0; i < list.length; i++) {
list[i].addEventListener("change", function () {
if (this.value.length > 0) {
checkInputs(this);
}
});
}
function checkInputs(x) {
for (let i = 0; i < list.length-1; i++) {
if (list[i].id === x.id) {
var z = document.getElementById(list[i + 1].id)
z.removeAttribute('disabled');
z.focus();
}
}
}
<select class="inpt" id="first">
<option value="">Select...</option>
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
<input class="inpt" id="name" type="text" disabled>
<input class="inpt" id="surname" type="text" disabled>
<input class="inpt" id="age" type="text" disabled>
舉報