双击表格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();
        });
    }
0 0
原创粉丝点击