模态框数据回显简单办法(不用Ajax)
<button id="editbt" οnclick="edit_customer(this)">
先给按钮绑定一个onclick事件,然后点击按钮触发edit_customer(this)事件。
function edit_customer(obj){
var $td= $(obj).parents('tr').children('th');
var id = $td.eq(0).text();
var sid = $td.eq(1).text();
var name = $td.eq(2).text();
var age = $td.eq(3).text();
$("#inputid").val(id);
$("#inputsid2").val(sid);
$("#inputname2").val(name);
$("#inputage2").val(age);
}
this是当前button标签,找他的父标签tr的孩子标签th。然后用eq选择器,索引是从0开始,可以取对应list列表的值。然后用JQuery,把数据渲染到对应的ID里。
这样点击编辑按钮,数据就能显示在模态框中了。