Rumah > hujung hadapan web > tutorial js > jQuery menyedari kaedah mengklik dua kali sel Jadual untuk mengubahnya menjadi kotak teks dan mengemas kininya ke pangkalan data selepas memasukkan content_jquery

jQuery menyedari kaedah mengklik dua kali sel Jadual untuk mengubahnya menjadi kotak teks dan mengemas kininya ke pangkalan data selepas memasukkan content_jquery

WBOY
Lepaskan: 2016-05-16 15:29:51
asal
1983 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah jQuery mengklik dua kali sel Jadual untuk mengubahnya menjadi kotak teks dan mengemas kininya ke pangkalan data selepas memasukkan kandungan. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Acara klik dua kali tetikus JS onDblClick

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

Salin selepas log masuk

Nilai yang saya ikat di sini ialah nombor ID yang sepadan dengan baris semasa yang dihantar

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 &#63; this.value : oldhtml; //当触发时判断新增元素值是否为空,为空则不修改,并返回原有值 
    var sort = element.innerHTML;
    $.get("UpdateFlag.ashx&#63;sort=" + sort + "&&productid=" + productid + "&&flag=" + flag, function(data) { });
  }
  element.innerHTML = '';
  element.appendChild(newobj);//把新的值赋到单元格
  newobj.focus();
}

Salin selepas log masuk

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan