首页 / 脚本样式 / JavaScript / jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法

<td width="10%" title="双击修改" ondblclick="ShowElement（this,<%#Eval（"id"） %></td>

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 = "<input type="text" name="test" style="width:50%;"";str += "onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"";str += "onpaste="return ！clipboardData.getData（"text"）.match（/D/）"";str += "ondragenter="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（）;}