Layui 動態賦值select


$.ajax({
                    url: '/queryConnectName',
                    dataType: 'json', //服務器返回json格式數據
                    type: 'get', //HTTP請求類型
                    timeout: 10000, //超時時間設置為10秒;
                    success: function(data) {
                        //給一個默認值(‘請選擇’)
                        var opt = '<option value="" selected=""></option>';
                        //獲取返回的數據
                        var value = data.data;
                        //循環遍歷
                        for (var i in value) {
                            opt += '<option value = "' + value[i].cnkey + '">' + value[i].connectName + '</option>'
                        }
                        $("#connectName").html(opt);
                        form.render('select');//需要渲染一下
                    }
                });

接口返回值

{
    "code": 0,
    "status": 200,
    "count": 0,
    "msg": "OK",
    "data": [
        {
            "cnkey": "OA測試",
            "connectName": "OA測試"
        },
        {
            "cnkey": "OA正式",
            "connectName": "OA正式"
        }
    ],
    "ok": null
}

效果圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM