当前位置: 编程技术>php
php通过ajax实现双击table修改内容
来源: 互联网 发布时间:2014-08-26
本文导语: 代码如下: $(function() { $("td").dblclick(function() { //获取标签 var td = $(this); var itemid=td[0].id; var txt = td.text(); var input = $(""); td.html(input); input.click(function() { return false; }); //获取焦点 input.trigger("focus"); input.blur(function() { var newtxt = $(this)....
代码如下:
$(function() {
$("td").dblclick(function() { //获取标签
var td = $(this);
var itemid=td[0].id;
var txt = td.text();
var input = $("");
td.html(input);
input.click(function() { return false; });
//获取焦点
input.trigger("focus");
input.blur(function() {
var newtxt = $(this).val();
if (newtxt != txt) {
td.html(newtxt);
var caid = $.trim(td.prev().text());
/*这里做ajax去后台操作
var url = "?a.php&itemid=" + itemid + "&v=" + newtxt; //具体根据网站情况而定
$.get(url, function(data) {
if(data=="1")
{
location.reload();
td.html(txt);
return;
}
td.html(newtxt);
});
}
else
{
td.html(newtxt);
}
});
*/
});
});