layui select 动态添加 option

自己研究了许久,成功了

window.onload=function(){
    
    
        $.ajax({
    
    
            url:"http://127.0.0.1:8081/sys/area/findAllSysarea",  //后台地址
            type:"GET",    //  请求方式
            data:"",    //请求参数
            dataType:"json",    //设置接收到的响应数据的格式
            contentType : "application/json",
            // async:"",是否异步
            success:function (data) {
    
     //响应后的回调函数
                var len = data.length;
                var str = "<option value=''></option>";
                var  select = $("#spotsareaname");
                for (var i = 0;i<len;i++){
    
    
                    //select.add(new Option(data[i].areaname,data[i].areaid))
                    str+="<option value='"+data[i].areaid+"'>"+data[i].areaname+"</option>";
                }
                select.append(str);
                renderForm();
            }
        })
    };
    //重新渲染表单
    function renderForm() {
    
    
        layui.use('form', function () {
    
    
            var form = layui.form;
            form.render();
        });
    }

猜你喜欢

转载自blog.csdn.net/qq_42224683/article/details/109392811