您可以使用以下代码执行 UPDATE 和 DELETE 操作。
<table>
<tr id="row_1" data-idval="1"><td>1</td>
<td>XYZZZZ</td>
<td>PQR</td>
<td>----</td>
<td><span class="update">UPDATE</span></td>
<td><span class="delete">DELETE</span></td>
</tr>
<tr id="row_2" data-idval="2"><td>2</td>
<td>XYZZZZ</td>
<td>PQR</td>
<td>----</td>
<td><span class="update">UPDATE</span></td>
<td><span class="delete">DELETE</span></td>
</tr>
<tr id="row_3" data-idval="3"><td>3</td>
<td>XYZZZZ</td>
<td>PQR</td>
<td>----</td>
<td><span class="update">UPDATE</span></td>
<td><span class="delete">DELETE</span></td>
</tr>
</table>
Javascript:-
<script type="text/javscript">
function yesnodialog(button1, button2, element){
var btns = {};
btns[button1] = function(){
var id_val = element.parents('tr').data('idval');
alert(id_val);
//write here update code using ajax here
$(this).dialog("close");
};
btns[button2] = function(){
// Do nothing
$(this).dialog("close");
};
$("<div></div>").dialog({
autoOpen: true,
title: 'Condition',
modal:true,
buttons:btns
});
}
$('.update').click(function(){
yesnodialog('Yes', 'No', $(this));
})
</script>
你也可以这样做DELETE
。
在此处查看现场演示