При выборе определенного элемента раскрывающегося списка

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

1 ответ

  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>