如果尚未选择前一个下拉菜单，我试图阻止某人填写文本输入

Question

我的任务是制作一个表单，其中包含标题的下拉菜单、名字、姓氏和电子邮件的文本输入，然后是复选框的兴趣。我已经成功制作了表格，并在表格上出现问题时放置了消息，但是现在我需要阻止某人在没有选择标题或标题 === 的情况下输入名字 -

然后我需要对姓氏做同样的事情，但用名字而不是头衔，如果我知道如何做第一个，我应该能够解决这个问题，因为唯一的变化是输入类型。

如果有人能帮忙那就太好了:)

Answer 1

非常简单的例子。默认情况下，这些字段设置为“禁用”。该脚本检查列表中的前一个字段，如果它有内容，则从下一个字段中删除“已禁用”var list = document.getElementsByClassName('inpt');for (let i = 0; i < list.length; i++) {&nbsp; &nbsp; list[i].addEventListener("change", function () {&nbsp; &nbsp; &nbsp; &nbsp; if (this.value.length > 0) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; checkInputs(this);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });}function checkInputs(x) {&nbsp; &nbsp; for (let i = 0; i < list.length-1; i++) {&nbsp; &nbsp; &nbsp; &nbsp; if (list[i].id === x.id) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var z = document.getElementById(list[i + 1].id)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; z.removeAttribute('disabled');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; z.focus();&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}<select class="inpt" id="first">&nbsp; &nbsp; <option value="">Select...</option>&nbsp; &nbsp; <option value="one">one</option>&nbsp; &nbsp; <option value="two">two</option>&nbsp; &nbsp; <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>