layui动态追加select下的option并元素内添加事件

//给一个元素添加点击事件并往areas中追加select的option
$("#addpeop").click(function(){

                      var peop=$("#areas");

                  var t=$(['<div class="layui-form-item" id="areas">',
                    '<label class="layui-form-label">可见地区</label>',
                    '<div class="layui-form layui-input-inline"  lay-filter="provinces" οnblur="citys('+i+');">',

                    '<select name="provinces'+i+'" id="provinces'+i+'"  lay-search="" class="state">',
                    '</select>',
                    '</div>',
                    '<div class="layui-form layui-input-inline"   lay-filter="citys" οnblur="districts('+i+');">',
                    ' <select name="citys'+i+'" id="citys'+i+'" lay-search="" class="state" >',
                    ' </select>',
                    '</div>',
                    ' <div class="layui-form layui-input-inline" lay-filter="districts">',
                    ' <select name="districts" id="districts'+i+'" class="state" lay-search="" >',
                    ' </select>',
                    ' </div>',
                      '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" id="del">删除</button>',
                      '</div>'].join(''));
                    t.find('#del').on('click', function(){
                        t.remove();
                    });
                    prosle(i);

                  i=i+1;

                   peop.after(t);
                     layui.form.render("select");
                })
                ///调用事件 window.citys这样调用
--------------------------------------
用append追加的元素也可以这绑定独立事件
// $(document).on('click','#provinceww',function(){
            //
            //     alert("我的id为text,change 你点击时触发"+i);
            // '<div class="layui-input-inline"  οnclick="prosle('+i+');" >',
            //
            // })
-----------------------------------------
                //根据省加载市区

            window.citys = function(i){

                $('#citys'+i).html("<option value='' selected>直接选择或搜索选择</option>");

                var parentid=$("#provinces"+i).val();

                form.render('select', 'province');
                $.ajax({
                    url: "/hospitalUnitController/selectProvince",
                    data: {"parentid":parentid},
                    dataType: "json",
                    type: "post",
                    async: false,
                    success: function (data) {
                        $.each(data.data, function (index, item) {
                            $('#citys'+i).append("<option value="+item.id+">"+item.areaname+"</option>");// 下拉菜单里添加元素
                        });
                        layui.form.render("select","citys");
                    }, error: function () {
                        layer.msg('失败');

                    },

                });
            }













  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值