<script>
//相当于在页面中的body标签加上onload事件
$(function(){
//找到所有的td节点
var tds=$("td");
//给所有的td添加点击事件
tds.click(function(){
//获得当前点击的对象
var td=$(this);
//取出当前td的文本内容保存起来
var oldText=td.text();
//建立一个文本框,设置文本框的值为保存的值
var input=$("<input type='text' value='"+oldText+"'/>");
//alert(oldText);
//将当前td对象内容设置为input
td.html(input);
//设置文本框的点击事件失效
input.click(function(){
return false;
});
//设置文本框的样式
input.css("border-width","0");
input.css("font-size","16px");
input.css("text-align","left");
//设置文本框宽度等于td的宽度
input.width(td.width());
//当文本框得到焦点时触发全选事件
input.trigger("focus&#
点击后变为可编辑状态(ajax异步提交)
最新推荐文章于 2022-05-18 12:04:24 发布
这段代码展示了如何使用jQuery和AJAX实现在网页中点击表格单元格后,将其内容变为可编辑的文本框。用户可以编辑文本,按下回车键保存更改,或者按Esc键取消编辑。保存操作通过异步POST请求完成,更新内容并返回确认信息。
摘要由CSDN通过智能技术生成