Когда выбран конкретный элемент DropDownList

Question

Итак, проблема заключается в том, что в зависимости от конкретной травмы, выбранной из выпадающего списка ex: бедро, рука, голова, сердце, пальцы. Некоторые текстовые поля будут считаны только для чтения. 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 и другим входам принимать значения пользователя.

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