1. 程式人生 > >jQuery實現input內的內容修改事件

jQuery實現input內的內容修改事件

下面是我用input文字輸入框實現的一個例項:
1、HTML頁面部分:

<td id="changeData"><input id="data" name="${o.id }" class="data" type="text" value="${o.data}" /></td>

這裡面很關鍵的地方是class和name屬性,name屬性用來繫結這一條資料的id,用class繫結事件可以讓表格中的一整列都可以擁有事件,如果是id的話只能繫結一個單元格的事件。
2、js實現部分:

$(".data").bind("change",function()
{
var data= $("#datatable_id tbody").find(".data").val(); var url = "basic/data/changedata?id="+$(this).attr("name");//繫結id $.post(url,{"data":data},function(rd){ if(rd.flag){ layer.msg("修改成功"); window.location.reload(); }else
{ layer.alert(rd.msg); } }) });

我用到的是spring MVC框架,使用post向後臺傳遞資料。
如果有什麼不懂的歡迎隨時騷擾哈!!!

相關推薦

jQuery實現input內容修改事件

下面是我用input文字輸入框實現的一個例項: 1、HTML頁面部分: <td id="changeData"><input id="data" name="${o.id }" class="data" type="text" va

Jquery實現input keydown回車觸發登入事件(任意觸發、指定觸發)

一、說明 1、任意觸發:不管當前焦點在哪個input輸入框,只要回車就觸發事件,如登入介面。2、指定觸發:指定某個input輸入框回車時才觸發事件。 二、實現1、html程式碼部分<body

jquery實現input輸入框實時輸入觸發事件

此文為轉載: [html]view plaincopyprint? <inputid="productName"name="productName"class="wid10"type="text"value=""/> [javasc

jquery實現input框追加資料

     $("#image").val($("#image").val()+","+data.message); var i = $("#image").val(); var strs= new Array(); //定義一陣列  strs=i.s

jQuery實現input密碼輸入框顯示為星號“*”

input密碼框顯示為星號“*” <!DOCTYPE html> <html> <head> <meta charset="UTF

jquery實現更多內容效果

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" con

jquery實現select框內容的左右移動【經典】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

jquery實現點選表格修改資訊!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JQuery示例:可以編輯的表格<

jquery 實現input只輸入數字及控制輸入字數

id:<input type="text" name="id" id="id" > <span style="display:none;border:0" id="t1" >請輸入數字</span><script type="tex

使用jQuery實現input的灰色提示資訊

1.首先建立工具類(已經存在就不用建立了)Util.js 在裡面新增如下方法: /**  *Input框裡的灰色提示,使用前先引入jquery  *<br>使用方法:&lt;input type=&quot;text&quot; tip

jQuery實現長按按鈕觸發事件的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x

jquery實現input框獲取焦點

獲取表單焦點變色 //.login-form表單樣式類 //.item input輸入框父div // focus是要新增的樣式類 $(".login-form").on("foc

Jquery實現編輯

     做專案的時候,UI封裝了好了一個行內編輯,當時用起來的時候覺得高大上啊,好奇是怎麼實現的,現在研究了一下,瞭解到了,其實行內編輯就是做了點小動作,讓使用者覺得點選這行的時候就可以對這行的內容

jquery對動態新增內容新增事件

動態追加的內容通過$("selecter").on("click",function(){});新增的事件無法觸發,必須通過$("selecter").on("click","selecter",fu

jquery結合js實現動態新增內容,並給動態新增的內容新增事件

jquery結合js實現向後臺傳送請求,給頁面動態新增內容,並給動態新增的內容新增事件.html內容如下: <button class="btn btn-md customButton" id="add_red_envelope">新增紅包&

jQuery實現當select下拉框內容變化時,input輸入框內容隨之變化

今天實現了一個功能,當select下拉框中的內容發生變化時,input輸入框中的內容隨之發生變化,具體實現方法如下: //繫結change事件,當下拉框內容發生變化時啟動事件 $("#wlms")

【轉載】jquery實現勾選複選框觸發事件input賦值+回顯複選框

JSP: <td class="as1"> <input type="checkbox" name="gdzc" value="1"  id="t0" class="az"/><label for="t0" class="as">商品房</label><

jquery 控制frameset frame節點內容(在子視窗中把該視窗中的焦點處的text內容填入其它子視窗的input

現在做這個專案中,有一項把:在子視窗中把該視窗中的焦點處的text內容填入其它子視窗的input內,也就是改寫input的value值,這個費了4天時間,寫下來記錄一下心情吧 這個問題困擾了我4天,今天終於解決了,其實這並不難,只是自己學的太少,邊學邊用,又費時間又費精力,

jquery實現隱藏列表表單的顯示關閉切換以及Ajax方式改動提交相應的那一行的改動內容

turn jquery enter lag exit none button inpu ner 請勿盜版,轉載請加上出處http://blog.csdn.net/yanlintao1 請勿盜版,轉載請加上出處http://blog.csdn.net/yanli

JS實現禁止短時間連續觸發事件

rem 事件 eat query nbsp color clas 使用 art 設置定時器,每次進入函數時先清空定時器,然後在執行 let c =null; let dom = document.querySelector(‘#me‘); dom.addEve