一一启用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"&nbsp; oninput="disable_items(1)" name="aba11" id="aba11" value="<?php echo htmlentities($result->aba11);?>" class="form-control" <?php echo $status11?> ></td>&nbsp;<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"&nbsp; disabled name="aba21"onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba21);?>" class="form-control" ></td>&nbsp;<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"&nbsp; disabled name="aba31" onkeydown="upperCaseF(this)" value="<?php echo htmlentities($result->aba31);?>" class="form-control" ></td>&nbsp;<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>&nbsp;<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) {&nbsp; &nbsp; if (option==1){&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("aba11").disabled=true;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("aba12").disabled=false;&nbsp; &nbsp; }&nbsp; &nbsp; if (option==2){&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("aba12").disabled=true;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("aba13").disabled=false;&nbsp; &nbsp; }&nbsp; &nbsp;}</script>