如何使用' class'在php中使用removeAttr('禁用')而不是' id'?

时间:2015-02-02 05:54:27

标签: php jquery mysql sql web

这是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个使我的程序无法管理

2 个答案:

答案 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+')');
    });

}