牛骨文教育服务平台(让学习变的简单)
博文笔记

php利用ajax双击table修改内容

创建时间:2014-04-28 投稿人: 浏览次数:768
<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>
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。