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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM