layui+ajax+select

1.看效果

2.前端代码

     <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部分

<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节点追加
          
              // form渲染 form.render('select') } } }); }); }); </script>

猜你喜欢

转载自www.cnblogs.com/niuben/p/11116099.html