jQuery實現(xiàn)鼠標(biāo)雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫的方法
本文實例講述了jQuery實現(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)前行對應(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è)計有所幫助。
- JS與jQuery遍歷Table所有單元格內(nèi)容的方法
- 基于jquery的合并table相同單元格的插件(精簡版)
- 合并table相同單元格的jquery插件分享(很精簡)
- 使用jQuery 操作table 完成單元格合并的實例
- jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實現(xiàn)方法
- jQuery 選擇表格(table)里的行和列及改變簡單樣式
- 用Jquery選擇器計算table中的某一列某一行的合計
- jQuery操作checkbox選擇(list/table)
- jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
- JS拖動選擇table里的單元格完整實例【基于jQuery】
相關(guān)文章
利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event事件處理
做WEB前端開發(fā)的人都知道不同的瀏覽器對事件的處理方式是有區(qū)別的。2009-12-12jquery實現(xiàn)經(jīng)典的淡入淡出選項卡效果代碼
這篇文章主要介紹了jquery實現(xiàn)經(jīng)典的淡入淡出選項卡效果代碼,通過簡單的jQuery鼠標(biāo)事件及鏈?zhǔn)讲僮鲗崿F(xiàn)淡入淡出效果,非常簡單實用,需要的朋友可以參考下2015-09-09jquery處理頁面彈出層查詢數(shù)據(jù)等待操作實例
這篇文章主要介紹了jquery處理頁面彈出層查詢數(shù)據(jù)等待操作,實例分析了jquery實現(xiàn)等待效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03基于HTML+CSS,jQuery編寫的簡易計算器后續(xù)(添加了鍵盤監(jiān)聽)
這篇文章主要介紹了使用HTML+CSS,jQuery編寫的簡易計算器后續(xù)(添加了鍵盤監(jiān)聽) 的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery 學(xué)習(xí)第七課 擴展jQuery的功能 插件開發(fā)
在介紹如何擴展jQuery之前,先大致看下jQuery源碼(以1.3.2版本為例)。2010-05-05vue登錄頁面cookie的使用及頁面跳轉(zhuǎn)代碼
這篇文章主要介紹了vue登錄頁面cookie的使用及頁面跳轉(zhuǎn)代碼功能,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07