选择特定的 DropDownList 项目时

Question

所以我遇到的问题是，取决于从下拉列表中select编辑的具体伤害 例如：大腿、手臂、头部、心脏，手指。某些文本框将是只读的。例如：如果您 select 是小指，则除数字文本框外，所有文本框都将只读。如果 shoulder 是 selected，除了 UE 之外的所有文本框都将是只读的。如果大腿或膝盖是 select，则除 LE 文本框外，所有文本框都将只读。**

<select onchange="jsFunction()">
  <option>Foot</option>
  <option>Shoudler</option>
  <option>Thumb</option>
</select>
<input id="UE" type="text">
<input id="LE" type="text">
<input id="Digits" type="text">

Answer 1

您可以在选项中输入数字值，然后将值传递给 jsFunction。在您的 jsFunction 中，您有 switch 语句，使输入框只读，其他输入框接受用户值。

<select onchange="jsFunction(this)">
  <option value="1">Foot</option>
  <option value="2">Shoudler</option>
  <option value="3">Thumb</option>
</select>
<input id="UE" type="text">
<input id="LE" type="text">
<input id="Digits" type="text">

<script type="text/javascript">
  function jsFunction(sel){
    var expression = sel.value;
    
  switch(expression) {
      case "1":
          document.getElementById("UE").readOnly = true;
          document.getElementById("LE").readOnly = true;
          document.getElementById("Digits").readOnly = false;
          break;
      case "2":
          document.getElementById("LE").readOnly = true;
          document.getElementById("Digits").readOnly = true;
          document.getElementById("UE").readOnly = false;
          break;
      case "3":
          document.getElementById("Digits").readOnly = true;
          document.getElementById("UE").readOnly = true;
          document.getElementById("LE").readOnly = false;
          break;           
      default:
          //do nothing
  } 
  }
</script>

选择特定的 DropDownList 项目时

When a Specific DropDownList Item Is Selected

html

javascript

textbox

drop-down-menu

dropdownlistfor