Question

所以我遇到的问题是，取决于从下拉列表中选择的特定伤害 ex：大腿，手臂，头部，心脏，手指。某些文本框将是只读的。例如：如果您选择小拇指，除了数字文本框之外，所有文本框都将被读取。如果选择了肩膀，除了UE之外，所有文本框都将被读取。如果选择了大腿或膝盖，则除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语句，它使输入框readOnly和其他输入接受用户值。

＆＃13;

<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>

＆＃13;

选择特定DropDownList项时

1 个答案: