这是php中表的代码,其中列具有相同的id,每行都有特定的变量$ i
while($row = mysqli_fetch_assoc($result)) {
<tr>
<td><input type='text' id='txt_id_".$i."' value=" . $row["Order ID"]. " disabled> </td>
<td> <input type='text' id='txt_id_".$i."' value=" . $row["Request Date"]. " disabled></td>
<td> <input type='text' id='txt_id_".$i."' value=" . $row["Tool"]. " disabled> </td>
<td><button type='button' id='btn_update_".$i."' onclick='myFunction($i)'>update</button> </td>
</tr>
i++}
按下更新按钮时执行以下代码,删除已禁用的属性,以便我可以更改字段的值。
function myFunction(i){
$(document).ready(function(){
$("#txt_id_"+i).removeAttr('disabled');
$("#btn_update_"+i).attr('onclick','update('+i+')');
});
}
但是当按下更新按钮时,只有一个订单ID文本字段被复活而不是日期和工具字段时出现问题。
我无法更改所有文本字段的ID,因为它们至少有20个使我的程序无法管理
答案 0 :(得分:1)
更改文本框的ID,如下所示: -
while($row = mysqli_fetch_assoc($result)) {
<tr>
<td><input type='text' id='order_id_".$i."' value=" . $row["Order ID"]. " disabled> </td>
<td> <input type='text' id='request_id_".$i."' value=" . $row["Request Date"]. " disabled></td>
<td> <input type='text' id='tool_id_".$i."' value=" . $row["Tool"]. " disabled> </td>
<td><button type='button' id='btn_update_".$i."' onclick='myFunction($i)'>update</button> </td>
</tr>
i++}
然后,在javascript中,使用如下: -
function myFunction(i){
$(document).ready(function(){
$("#order_id_"+i).removeAttr('disabled');
$("#request_id_"+i).removeAttr('disabled');
$("#tool_id_"+i).removeAttr('disabled');
$("#btn_update_"+i).attr('onclick','update('+i+')');
});
}
答案 1 :(得分:1)
while($row = mysqli_fetch_assoc($result)) {
echo
"
<tr >
<td><input type='text' id='txt_orderid_".$i."' class='txt_id_".$i."' value=" . $row["Order ID"]. " disabled> </td>
<td> <input type='text' id='txt_dateid_".$i."' class='txt_id_".$i."' value=" . $row["Request Date"]. " disabled></td>
<td> <input type='text' id='txt_toolid_".$i."' class='txt_id_".$i."' value=" . $row["Tool"]. " disabled> </td>
<td><button type='button' id='btn_update_".$i."' onclick='myFunction($i)'>update</button> </td>
<td><button type='button' id='btn_delete_".$i."' onclick='DeleteFunction($i)'>delete</button> </td>
<td> <input type='text' id='txt_nameid_".$i."' class='txt_id_".$i."' value=" . $row["Name"]. " disabled> </td>
<td> <input type='text' id='txt_emailid_".$i."' class='txt_id_".$i."' value=" . $row["Email"]. " disabled> </td>
<td> <input type='text' id='txt_countid_".$i."' class='txt_id_".$i."' value=" . $row["Country Entered"]. " disabled> </td>
<td> <input type='text' id='txt_countipid_".$i."' class='txt_id_".$i."' value=" . $row["Country IP"]. " disabled> </td>
<td> <input type='text' id='txt_phoneid_".$i."' class='txt_id_".$i."' value=" . $row["Phone"]. " disabled> </td>
<td> <input type='text' id='txt_planid_".$i."' class='txt_id_".$i."' value=" . $row["Plan"]. " disabled> </td>
<td> <input type='text' id='txt_orderstatusid_".$i."' class='txt_id_".$i."' value=" . $row["Order Status"]. " disabled> </td>
<td> <input type='text' id='txt_actdateid_".$i."' class='txt_id_".$i."' value=" . $row["Activation Date"]. " disabled> </td>
</tr>
";
$i++;
并启用文字
function myFunction(i){
$(document).ready(function(){
$(".txt_id_"+i).removeAttr('disabled');
$("#btn_update_"+i).attr('onclick','update('+i+')');
});
}