php利用ajax双击table修改内容
2014-04-28 11:45
591 查看
<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>
$(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通过ajax实现双击table修改内容
- php通过ajax实现双击table修改内容
- php ajax 双击table修改内容
- php ajax 表格排序,调整列宽,修改内容
- php ajax 表格排序,调整列宽,修改内容
- JQUERY、AJAX双击DIV,直接修改DIV内的内容
- 双击Table表格td变成text修改内容
- table下的表格实现双击变为文本框,利用ajax提交表单
- php学习笔记:读取文档的内容,利用php修改文档内容
- php ajax 表格排序,调整列宽,修改内容
- php ajax 表格排序,调整列宽,修改内容
- 使用ajax技术对内容进行修改,使内容回显到组件框中
- jquery的$.ajax()利用json数据类型与php后台交互
- jquery ajax双击div可直接修改div中的内容
- 利用ajax短轮询+php与服务器交互制作简易即时聊天网站
- 原生态php通过dom获取div/table里面的内容,不用正则!
- php利用simple_html_dom类,获取页面内容,充当爬虫角色
- 利用scanf函数修改内存中任意位置内容
- jQuery+PHP+ajax实现微博加载更多内容列表功能