首页 > 其他 > 详细

layui下拉联动

时间:2018-05-07 13:00:12      阅读:197      评论:0      收藏:0      [点我收藏+]

layui下写入监听,

searchPname 是第一个下拉框
searchParkingname 是第二个下拉框
            form.on(‘select(searchPname)‘, function(data){
                $.getJSON(apiCtxPath + "/comuser/vipuser/userVipByParkingarea?parkingsvrId="+data.value, function(data){
                    var optionstring = "";
                    console.log(data);
                    for (var i = 0; i < data.list.length; i++) {
                        optionstring += "<option value=\"" + data.list[i].columns.u_parkingarea_id + "\" >" + data.list[i].columns.parkingname + "</option>";
                    }
                    
                 /*    $.each(data.data, function(i,item){
                        
                        
                    }); */
                    $("#searchParkingname").html(‘<option value=""></option>‘ + optionstring);
                    form.render(‘select‘); //这个很重要
                });
            });

下面是第二个下拉框html部分

                    <div class="form-group">
                          <label class="control-label" for="ordercode">停车场</label>
                                <select id="searchParkingname" name="searchParkingname" lay-filter="searchParkingname" lay-verify="required" lay-search="">
                                  <option value="">直接选择或搜索选择</option>
                                    <option value=""></option>
                                </select>
                    </div>

 

layui下拉联动

原文:https://www.cnblogs.com/EzioSyh/p/9001845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!