jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
本文实例讲述了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法。分享给大家供大家参考，具体如下：
JS鼠标双击事件onDblClick
<tdwidth="10%"title="双击修改"ondblclick="ShowElement(this,<%#Eval("id")%>
</td>
这里的本人用绑定的值是传的当前行对应的ID号
functionShowElement(element,productid,flag,ishotorcommend){
if(flag==0&&ishotorcommend==0){
alert("请先设置该产品为推荐");
return;
}
if(flag==1&&ishotorcommend==0){
alert("请先设置该产品为热销");
return;
}
varoldhtml=element.innerHTML;//原单元格里的值
varstr="<inputtype='text'name='test'style='width:50%;'";
str+="onkeypress='returnevent.keyCode>=48&&event.keyCode<=57||event.keyCode==46'";
str+="onpaste='return!clipboardData.getData('text').match(/\D/)'";
str+="ondragenter='returnfalse'/>";
varnewobj=document.createElement(str);//创建新的input元素
newobj.setAttribute("value",oldhtml);//把原来单元格中的值赋给文本框
newobj.onblur=function(){
element.innerHTML=this.value?this.value:oldhtml;//当触发时判断新增元素值是否为空，为空则不修改，并返回原有值
varsort=element.innerHTML;
$.get("UpdateFlag.ashx?sort="+sort+"&&productid="+productid+"&&flag="+flag,function(data){});
}
element.innerHTML='';
element.appendChild(newobj);//把新的值赋到单元格
newobj.focus();
}
希望本文所述对大家jQuery程序设计有所帮助。