layui+ajax+select

最新推荐文章于 2022-04-20 11:57:46 发布

Hellowongwong

最新推荐文章于 2022-04-20 11:57:46 发布

阅读量371

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/niuben/p/11116099.html

版权

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>

转载于:https://www.cnblogs.com/niuben/p/11116099.html