table表格中每行都有一个修改按钮怎么实现修改功能

https://blog.csdn.net/cxfly957/article/details/76686274


示例图如下:


点击修改按钮,如何修改按钮所在行的信息?

一般像这种形式的页面都是在js中动态拼接:


关键在于按钮采用append追加到<td>里的button的,onclick事件不能在<input>标签里写,应该用如下方法定义:
$(document).on('click', '#updateBtn', function () {
         var code=$(this).parents("tr").find("td").eq(0).text(); //得到用户名 
         var name=$(this).parents("tr").find("td").eq(1).text();//得到姓名
        //给想要修改的<input>赋值,id为html页面中对应信息设定的id,赋完值以后就可以提交给后台进行修改操作了
        Var  usercode= $("#userCode").val(usercode);
         var realname = $("#realname").val(realname);
        
    })


猜你喜欢

转载自blog.csdn.net/zunguitiancheng/article/details/80733141