如何根据其他使用JavaScript的输入字段来禁用某些选择按钮的选项？

Question

我有一个带有3个选项的选择按钮。我上面还有另一个文本框。根据文本框的值，我想使用javascript禁用该选项之一。

这是我的HTML代码：

<label for="name">Name of the candidate: </label><br>
<input type="text" name="e_name" value="<%=e.getName() %>" onfocus="ViewType(this.value);">
<br><br>
<label for="division">Choose Division</label><br>
<select name="e_division" id="selectbtn"><option>Select One</option><option>MECH</option><option>CSE</option><option>CE</option></select>

这是我的JavaScript代码：

function ViewType(val){
var op=document.getElementById("selectbtn");
for(var i=0;i<=op.length();i++){
if(val == "Amit"){
op.option[1].disabled=true;
op.option[2].disabled=true;
}
}
}

此处表示名称为“ Amit”，则只有“ MECH”选项可见。对于任何其他名称，所有选项都将可见。

Answer 1

HTML

<label for="name">Name of the candidate: </label><br>
<input id="candidate-name" type="text" name="e_name" value="" onfocus="ViewType(this.value);">
<br><br>
<label for="division">Choose Division</label><br>
<select name="e_division" id="selectbtn">
  <option>Select One</option>
  <option value="MECH">MECH</option>
  <option>CSE</option>
  <option>CE</option>
</select>

JS

var candidate = document.getElementById("candidate-name");

candidate.addEventListener("change", viewType);

function viewType() {
  var select = document.getElementById("selectbtn");
  var op = select.getElementsByTagName("option");

  if(candidate.value == "Amit") {
    op[2].disabled = true;
    op[3].disabled = true;
  }
}