php通过ajax实现双击table修改内容
php通过ajax实现双击table修改内容
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下:$(function(){$("td").dblclick(function(){//获取标签vartd=$(this);...

复制代码 代码如下:

<script type="text/javascript">

$(function() {

$("td").dblclick(function() { //获取标签

var td = $(this);

var itemid=td[0].id;

var txt = td.text();

var input = $("<input type='text' value='" + txt + "'/>");

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);

}

});

*/

});

});

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新php教程学习
热门php教程学习
编程开发子分类