php通过ajax实现双击table修改内容_php教程-查字典教程网
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教程学习
    编程开发子分类