layui+ajax+select

1.看效果

2.前端代码

复制代码

?

1 2 3 4 5 6 7 8

<div class="layui-form-item">        <label class="layui-form-label">选择框</label>        <div class="layui-input-block">            <select id="parent_id" lay-verify="required">                <option value=""></option>            </select>        </div>    </div>

 3.js部分

复制代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<script>     layui.use(['form'],function(){         var $ = layui.$,             form = layui.form;           $(function(){              $.ajax({                type:'GET',                url:'你的url',                success:function(res){                    // 返回成功的数据                     if(res.code==0){                         var option = '';  // option进行拼接                         for(var i in res.data){                             option += "<option value='"+res.data[i]['base_permission_id']+"'>"+res.data[i]['base_name']+"</option>";                         }                         $('#parent_id').append(option);　　// 给select节点追加 　　　　　　　　　　<br>　　　　　　　　　　　　　　// form渲染                         form.render('select')                     }                }            });         });     }); </script>