jQuery为动态生成的select元素添加事件的方法
更新时间：2016年08月29日 10:03:26 投稿：jingxian
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
项目中需要在点击按钮时动态生成select元素，为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码
1、首先定义全局js变量
var strVoucherGroupSelect ="";
2、在js中写好获取服务端数据的代码
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 需要动态增加select的时候，可以这样写
$("#divID").append(genVoucherGroupSelect(rowID) );
5 给select增加点击事件，在第四步后增加
$("#sl_0" + rowID).bind("change", function(){
alert("你点击了下拉框");
})
以上这篇jQuery为动态生成的select元素添加事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本节主要介绍两点：1.缓存问题 2.中文问题2011-10-10
jQuery+css last-child实现选择最后一个子元素操作示例
这篇文章主要介绍了jQuery+css last-child实现选择最后一个子元素操作,结合实例形式分析了jQuery结合css进行页面元素选择与样式修改相关操作技巧,需要的朋友可以参考下2018-12-12
方便实用的jQuery checkbox复选框全选功能简单实例
这篇文章介绍了jQuery checkbox复选框全选功能的代码实例，有需要的朋友可以参考一下2013-10-10
这篇文章主要介绍了jQuery实现鼠标经过时出现隐藏层文字链接的方法,涉及jQuery鼠标hover事件的响应及页面元素的动态处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮。希望大家能够喜欢2016-02-02
这篇文章主要介绍了用jquery来定位2007-02-02
jquery text(),val(),html()方法区别总结
jquery text(),val(),html()方法区别总结。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
jquery按回车提交数据的代码示例，很简单的一个方法，看一下就明白2013-11-11
fix bug:溢出之后不能回来的,添加在范围内移动，需要的朋友可以参考下。2011-02-02
在网上一直找不到jquery上传图片的例子,今天由于工作需要,在网上找了很长时间,找到了一个不太完整的例子,自已又对其进行了修改,现在已经可以使用,但只限于IE,火狐下不能使用,因为火狐下得不到本地上传的图片路径,希望能对新手有所帮助.2010-01-01
最新评论