本文實例講述了jQuery實現(xiàn)鼠標雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫的方法。分享給大家供大家參考,具體如下:
JS鼠標雙擊事件 onDblClick
<td width="10%" title="雙擊修改" ondblclick="ShowElement(this,<%#Eval("id") %></td>這里的本人用綁定的值是傳的當(dāng)前行對應(yīng)的ID號
function ShowElement(element, productid, flag, ishotorcommend) { if (flag == 0 && ishotorcommend == 0) { alert("請先設(shè)置該產(chǎn)品為推薦"); return; } if (flag == 1 && ishotorcommend == 0) { alert("請先設(shè)置該產(chǎn)品為熱銷"); 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); //創(chuàng)建新的input元素 newobj.setAttribute("value", oldhtml);//把原來單元格中的值賦給文本框 newobj.onblur = function() { element.innerHTML = this.value ? this.value : oldhtml; //當(dāng)觸發(fā)時判斷新增元素值是否為空,為空則不修改,并返回原有值 var sort = element.innerHTML; $.get("UpdateFlag.ashx?sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { }); } element.innerHTML = ''; element.appendChild(newobj);//把新的值賦到單元格 newobj.focus();}希望本文所述對大家jQuery程序設(shè)計有所幫助。
新聞熱點
疑難解答