php利用ajax双击table修改内容

本文介绍如何使用JavaScript实现表格中单元格的双击事件触发文本输入框,用户可在输入框中编辑单元格内容,并在点击外区域或按下回车键时将更改保存回表格。
<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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值