成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

本文實(shí)例講述了jQuery實(shí)現(xiàn)鼠標(biāo)雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫的方法。分享給大家供大家參考，具體如下：

JS鼠標(biāo)雙擊事件 onDblClick

<td width="10%" title="雙擊修改" ondblclick="ShowElement(this,<%#Eval("id") %>
</td>

這里的本人用綁定的值是傳的當(dāng)前行對(duì)應(yīng)的ID號(hào)

function ShowElement(element, productid, flag, ishotorcommend) {
  if (flag == 0 && ishotorcommend == 0) {
    alert("請(qǐng)先設(shè)置該產(chǎn)品為推薦");
    return;
  }
  if (flag == 1 && ishotorcommend == 0) {
    alert("請(qǐng)先設(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ā)時(shí)判斷新增元素值是否為空，為空則不修改，并返回原有值 
    var sort = element.innerHTML;
    $.get("UpdateFlag.ashx?sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { });
  }
  element.innerHTML = '';
  element.appendChild(newobj);//把新的值賦到單元格
  newobj.focus();
}

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。