jQuery为动态生成的select元素添加事件

发布时间：2013-11-01 10:31:52来源：阅读（828）

    项目中需要在点击按钮时动态生成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 = $("");
    var option = "";
    for(var j =0;j < res.length; j++)
    {
    option += "";
    }
    strVoucherGroupSelect = $(str).html(option).parent().html();
    }
    });
    }
    3 在页面中编写初始化代码
    $().ready(function(){
    getVoucherGroupData();
    });
    4 需要动态增加select的时候，可以这样写
    $("#divID").append(genVoucherGroupSelect(rowID) );

    5 给select增加点击事件，在第四步后增加
    $("#sl_0" + rowID).bind("onchange", function(){
    alert("你点击了下拉框");
    })

关键字：

上一篇： form 中Enctype=multipart/form-data 的作用

下一篇： 数据库里的记录与json之间如何转换

评论区
热门推荐
点击排行