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