layui+ajax+select

1. see results

2. The front-end code

     <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 part

<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>";
                        $ ( '# The parent_id') the append (Option);. // node to select additional
                        }
          
              // form渲染 form.render('select') } } }); }); }); </script>

 

Guess you like

Origin www.cnblogs.com/niuben/p/11116099.html