一一启用html表单域

Question

我有一个包含字段 ABA11,ABA12,ABA13 的表单......用于更新数据。在这个表格中，除了最初的第一个字段 ABA11 之外，所有字段都应保持禁用模式。一旦填充了 ABA11 字段，则只有 ABA12 将被启用输入数据。一旦输入数据并保存在数据库中，此后填充也应处于禁用模式。其他字段将继续此过程<?php$status11=disabled;if(htmlentities($result->aba11)==null){    $status11=enabled;}?><td><input type="datetime-local"  name="aba11" id="aba11" value="<?php echo htmlentities($result->aba11);?>" class="form-control" <?php echo $status11?> ></td> <?php$status12=disabled;if(htmlentities($result->aba11)!=null and htmlentities($result->aba12)== null ){    $status12=enabled;}?><td><input type="datetime-local" name="aba12" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba12);?>" class="form-control" <?php echo $status12?>></td><td><input type="text" name="aba13" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba13);?>" class="form-control"></td></tr><tr><th class= "col-md-1.5" align="centre">0.0.1M NaOH</th><th class= "col-md-2" align="centre">60 Degree C</th><td><input type="datetime-local"  name="aba21"onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba21);?>" class="form-control" ></td> <td><input type="datetime-local" name="aba22" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba22);?>" class="form-control" ></td><td><input type="text" name="aba23" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba23);?>" class="form-control" ></td></tr>我尝试使用 if 条件，但我无法实现它。请在此提出任何线索或我的错误。我只输入了 if 条件 aba12。

Answer 1

我已经修改了你的部分代码来做到这一点。首先，您无法使用 PHP 来执行此操作，因为它是在服务器端加载页面之前执行的，因此您需要为此使用 javascript。

我已经删除了用于启用/禁用输入元素的 PHP 代码。我只为前两个元素制定了解决方案（您必须为其余的元素执行此操作，因此当您进入页面时，您的aba11已启用，其余的将被禁用。一旦您设置了输入aba11（因为您有一个事件oninput)，它disable_items使用一个数字调用 javascript 函数（这个数字表示我们正在处理的字段。javascript 函数禁用实际元素并启用下一个元素。

<td><input type="datetime-local"  oninput="disable_items(1)" name="aba11" id="aba11" value="<?php echo htmlentities($result->aba11);?>" class="form-control" <?php echo $status11?> ></td> 

<td><input type="datetime-local" disabled oninput="disable_items(2)" name="aba12" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba12);?>" class="form-control" <?php echo $status12?>></td>

<td><input type="text" disabled name="aba13" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba13);?>" class="form-control"></td>

</tr>

<tr>

<th class= "col-md-1.5" align="centre">0.0.1M NaOH</th>

<th class= "col-md-2" align="centre">60 Degree C</th>

<td><input type="datetime-local"  disabled name="aba21"onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba21);?>" class="form-control" ></td> 

<td><input type="datetime-local" disabled name="aba22" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba22);?>" class="form-control" ></td>

<td><input type="text" disabled name="aba23" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba23);?>" class="form-control" ></td>

</tr>

<tr>

<th class= "col-md-1.5" align="centre">0.5M HCL</th>

<th class= "col-md-2" align="centre">60 Degree C</th>

<td><input type="datetime-local"  disabled name="aba31" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba31);?>" class="form-control" ></td> 

<td><input type="datetime-local" disabled name="aba32" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba32);?>" class="form-control" ></td>

<td><input type="text" disabled name="aba33" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba33);?>" class="form-control"></td>

</tr>

<tr>

<th class= "col-md-1.5" align="centre">Freeze Drying</th>

<th class= "col-md-2" align="centre"> </th>

<td><input type="datetime-local" disabled name="aba41" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba41);?>" class="form-control" ></td> 

<td><input type="datetime-local" disabled name="aba42" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba42);?>" class="form-control" ></td>

<td><input type="text" disabled name="aba43" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba43);?>" class="form-control"></td>

</tr>

</table>

<script>

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;

    }   

}

</script>