html的表格变成输入框,jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法...

本文实例讲述了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法。分享给大家供大家参考，具体如下：

JS鼠标双击事件 onDblClick

这里的本人用绑定的值是传的当前行对应的ID号

function ShowElement(element, productid, flag, ishotorcommend) {

if (flag == 0 && ishotorcommend == 0) {

alert("请先设置该产品为推荐");

return;

}

if (flag == 1 && ishotorcommend == 0) {

alert("请先设置该产品为热销");

return;

}

var oldhtml = element.innerHTML;//原单元格里的值

var str = "

str += "οnkeypress='return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46'";

str += "οnpaste='return !clipboardData.getData('text').match(/\D/)'";

str += "οndragenter='return false' />";

var newobj = document.createElement(str); //创建新的input元素

newobj.setAttribute("value", oldhtml);//把原来单元格中的值赋给文本框

newobj.onblur = function() {

element.innerHTML = this.value ? this.value : oldhtml; //当触发时判断新增元素值是否为空，为空则不修改，并返回原有值

var sort = element.innerHTML;

$.get("UpdateFlag.ashx?sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { });

}

element.innerHTML = '';

element.appendChild(newobj);//把新的值赋到单元格

newobj.focus();

}

希望本文所述对大家jQuery程序设计有所帮助。