特定のDropDownListアイテムが選択されているとき

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の中には、入力ボックスreadOnlyと他の入力をユーザ値を受け入れるようにする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){ 
 
    \t \t var expression = sel.value; 
 
    \t \t 
 
\t \t switch(expression) { 
 
\t \t  case "1": 
 
\t \t   document.getElementById("UE").readOnly = true; 
 
\t \t   document.getElementById("LE").readOnly = true; 
 
\t \t   document.getElementById("Digits").readOnly = false; 
 
\t \t   break; 
 
\t \t  case "2": 
 
\t \t   document.getElementById("LE").readOnly = true; 
 
\t \t   document.getElementById("Digits").readOnly = true; 
 
\t \t   document.getElementById("UE").readOnly = false; 
 
\t \t   break; 
 
\t \t  case "3": 
 
\t \t   document.getElementById("Digits").readOnly = true; 
 
\t \t   document.getElementById("UE").readOnly = true; 
 
\t \t   document.getElementById("LE").readOnly = false; 
 
\t \t   break; \t \t \t   
 
\t \t  default: 
 
\t \t   //do nothing 
 
\t \t } 
 
    } 
 
</script>