javascript — Включить HTML поле формы по одному

Включить HTML поле формы по одному

Я изменил часть вашего кода, чтобы сделать это. Прежде всего, вы не можете сделать это с помощью PHP, потому что он выполняется до загрузки страницы на стороне сервера, поэтому для этого вам нужно будет использовать javascript.

Я удалил код PHP для включения / отключения элементов ввода. Я принял решение только для двух первых элементов (вам придется сделать это для остальных, поэтому, когда вы попадете на страницу, ваш aba11 включен, а остальные отключены. Как только вы установите вход в aba11 (как у вас есть событие oninput ), он вызывает функцию javascript disable_items с номером (это число указывает, над какими полями мы работаем. Функция javascript отключает фактический элемент и включает следующий.

 {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" oninput="disable_items(1)" name="aba11" id="aba11" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba11);?{amp}gt;" class="form-control" {amp}lt;?php echo $status11?{amp}gt; {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled oninput="disable_items(2)" name="aba12" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba12);?{amp}gt;" class="form-control" {amp}lt;?php echo $status12?{amp}gt;{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="text" disabled name="aba13" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba13);?{amp}gt;" class="form-control"{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th class= "col-md-1.5" align="centre"{amp}gt;0.0.1M NaOH{amp}lt;/th{amp}gt; {amp}lt;th class= "col-md-2" align="centre"{amp}gt;60 Degree C{amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled name="aba21"onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba21);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled name="aba22" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba22);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="text" disabled name="aba23" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba23);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th class= "col-md-1.5" align="centre"{amp}gt;0.5M HCL{amp}lt;/th{amp}gt; {amp}lt;th class= "col-md-2" align="centre"{amp}gt;60 Degree C{amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled name="aba31" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba31);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled name="aba32" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba32);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="text" disabled name="aba33" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba33);?{amp}gt;" class="form-control"{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;tr{amp}gt; {amp}lt;th class= "col-md-1.5" align="centre"{amp}gt;Freeze Drying{amp}lt;/th{amp}gt; {amp}lt;th class= "col-md-2" align="centre"{amp}gt; {amp}lt;/th{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled name="aba41" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba41);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="datetime-local" disabled name="aba42" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba42);?{amp}gt;" class="form-control" {amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;input type="text" disabled name="aba43" onkeydown="upperCaseF(this)" value="{amp}lt;?php echo htmlentities($result-{amp}gt;aba43);?{amp}gt;" class="form-control"{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/table{amp}gt; {amp}lt;script{amp}gt; function disable_items(option) { if (option==1){ document.getElementById("aba11").disabled=true; document.getElementById("aba12").disabled=false; } if (option==2){ document.getElementById("aba12").disabled=true; document.getElementById("aba13").disabled=false; } } {amp}lt;/script{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector