jQuery為動(dòng)態(tài)生成的select元素添加事件的方法
項(xiàng)目中需要在點(diǎn)擊按鈕時(shí)動(dòng)態(tài)生成select元素,為防止每次點(diǎn)擊按鈕時(shí)從服務(wù)器端獲取數(shù)據(jù)(因?yàn)閿?shù)據(jù)都是相同的),可以這樣寫代碼
1、首先定義全局js變量
var strVoucherGroupSelect ="";
2、在js中寫好獲取服務(wù)端數(shù)據(jù)的代碼
function genVoucherGroupSelect(rowID){ return $(strVoucherGroupSelect).attr("id", "sl_" + rowID).parent().html(); //返回增加ID后的下拉框完整html } function getVoucherGroupData(){ $.ajax({ type: "Post", url: "/BillWeb/OrgVoucher/GetVoucherGroup", dataType: "json", data: "", cache: true, success: function(res) { var str = $("<select></select>"); var option = ""; for(var j =0;j < res.length; j++) { option += "<option value=\"" + res[j].Value + "\">" + res[j].Text + "</option>"; } strVoucherGroupSelect = $(str).html(option).parent().html(); } }); }
3 在頁面中編寫初始化代碼
$().ready(function(){ getVoucherGroupData(); });
4 需要?jiǎng)討B(tài)增加select的時(shí)候,可以這樣寫
$("#divID").append(genVoucherGroupSelect(rowID) );
5 給select增加點(diǎn)擊事件,在第四步后增加
$("#sl_0" + rowID).bind("change", function(){ alert("你點(diǎn)擊了下拉框"); })
以上這篇jQuery為動(dòng)態(tài)生成的select元素添加事件的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jquery動(dòng)態(tài)加載select下拉框示例代碼
- jquery select動(dòng)態(tài)加載選擇(兼容各種瀏覽器)
- jquery實(shí)現(xiàn)動(dòng)態(tài)操作select選中
- jQuery動(dòng)態(tài)添加刪除select項(xiàng)(實(shí)現(xiàn)代碼)
- JQuery動(dòng)態(tài)添加Select的Option元素實(shí)現(xiàn)方法
- jquery Ajax實(shí)現(xiàn)Select動(dòng)態(tài)添加數(shù)據(jù)
- jQuery動(dòng)態(tài)產(chǎn)生select option下拉列表
- jQuery實(shí)現(xiàn)動(dòng)態(tài)顯示select下拉列表數(shù)據(jù)的方法
- jQuery實(shí)現(xiàn)動(dòng)態(tài)加載select下拉列表項(xiàng)功能示例
相關(guān)文章
jQuery EasyUI API 中文文檔 - Parser 解析器
jQuery EasyUI API 中文文檔 - Parser 解析器,使用jQuery EasyUI的朋友可以參考下。2011-09-09jQuery .tmpl(), .template()學(xué)習(xí)資料小結(jié)
昨晚無意中發(fā)現(xiàn)一個(gè)有趣的jQuery插件.tmpl(),其文檔在這里。2011-07-07ztree獲取選中節(jié)點(diǎn)時(shí)不能進(jìn)入可視區(qū)域出現(xiàn)BUG如何解決
zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點(diǎn)。本文給大家介紹ztree獲取選中節(jié)點(diǎn)時(shí)不能進(jìn)入可視區(qū)域出現(xiàn)BUG如何解決的相關(guān)資料,對(duì)ztree獲取選中節(jié)點(diǎn)感興趣的朋友一起學(xué)習(xí)吧2015-12-12淺談jquery.fn.extend與jquery.extend區(qū)別
本文給大家簡單描述了下jquery.fn.extend與jquery.extend的概念以及區(qū)別,十分的實(shí)用,有需要的小伙伴可以參考下。2015-07-07jQuery可見性過濾器:hidden和:visibility用法實(shí)例
這篇文章主要介紹了jQuery可見性過濾器:hidden和:visibility用法,實(shí)例分析了:hidden和:visibility的功能及相關(guān)使用技巧,需要的朋友可以參考下2015-06-06jQuery Ajax使用FormData對(duì)象上傳文件的方法
這篇文章主要介紹了jQuery Ajax使用FormData對(duì)象上傳文件的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09調(diào)用DOM對(duì)象的focus使文本框獲得焦點(diǎn)
要使對(duì)象獲得焦點(diǎn),應(yīng)該調(diào)用DOM對(duì)象的focus方法,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-02-02