双击表格td进行编辑,失去焦点完成修改
来源:互联网 发布:国家人工智能战略规划 编辑:程序博客网 时间:2024/05/18 00:06
function dbl_c() {
$("#retable tbody tr").find("td:gt(2)").dblclick(function() {
var td = $(this);
// 根据表格文本创建文本框 并加入表表中--文本框的样式自己调整
var text = td.text();
var txt = $("<input type='text' class='edit_text'>").val(text);
txt.blur(function() {
// 失去焦点,保存值。于服务器交互自己再写,最好ajax
var newText = $(this).val();
// 移除文本框,显示新值
$(this).remove();
td.text(newText);
});
td.text("");
td.append(txt);
txt.focus();
});
}
$("#retable tbody tr").find("td:gt(2)").dblclick(function() {
var td = $(this);
// 根据表格文本创建文本框 并加入表表中--文本框的样式自己调整
var text = td.text();
var txt = $("<input type='text' class='edit_text'>").val(text);
txt.blur(function() {
// 失去焦点,保存值。于服务器交互自己再写,最好ajax
var newText = $(this).val();
// 移除文本框,显示新值
$(this).remove();
td.text(newText);
});
td.text("");
td.append(txt);
txt.focus();
});
}
0 0
- 双击表格td进行编辑,失去焦点完成修改
- 双击表格td进行编辑
- 双击 表格 td 变成 可以编辑的input框 失去焦点提交
- 双击table的td进行编辑
- jquery——双击编辑异步更新(双击内容变input框可编辑,失去焦点后修改的数据异步提交)
- javaFX table表格可编辑失去焦点提交
- 失去焦点修改事件
- 实现双击进入编辑,失去焦点后保存数据(Angular)
- 实现双击进入编辑,失去焦点后保存数据(Angular)
- jsp页面双击td变成可编辑状态,焦点丢失保存
- Jquery php 点击td变成input,修改后失去焦点发送数据
- 点击td转换成input,失去焦点时发送修改数据
- 让编辑框失去焦点
- jquery双击进行编辑
- JQ双击表格修改
- JTable 失去焦点时取消编辑状态
- JTable 失去焦点时取消编辑状态
- JTable 失去焦点时取消编辑状态
- Java数据类型图示
- flume高并发优化——(2)精简结构
- 虚拟机
- CDH报错cloudera-scm-server dead but pid file exists
- swift中 ?? 运算符的使用, 类似于 ?: 运算符
- 双击表格td进行编辑,失去焦点完成修改
- 《JAVA与模式》之建造模式
- 不要以为只是优秀就够了
- 搭建属于自己的万能系统框架(Android)
- iOS-仿百度卫士动画
- 地址跳转,添加中文参数
- FLV文件格式官方规范详解
- iOS 邮箱、手机号、身份证....正则表达式
- Matlab计算机视觉/图像处理工具箱推荐