欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實(shí)現(xiàn)鼠標(biāo)雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫(kù)的方法

 更新時(shí)間：2015年11月25日 11:59:05   作者：一只小青蛙  
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫(kù)的方法,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素及基于get實(shí)現(xiàn)ajax交互保存數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下

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

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ì)有所幫助。

相關(guān)文章

最新評(píng)論