使用layUI時form表單中的select標籤無法正常渲染option(option從後臺返回)

    // 獲取推薦分類列表
    function getRecomList(){
        $.ajax({
                type: 'get',
                url: '請求接口’,
                contentType: "application/json; charset=utf-8",
                params: { },
                success: function (data) {
                    $("#recCli").html('')
                    // console.log(data)
                    var dataList = data.data
                    for (var i = 0; i < dataList.length; i++) {
                        $("#recCli").append('<option value="' + dataList[i].id + '">' + dataList[i].name + '</option>');
                    }

                    layui.use('form', function(){
                       var form = layui.form; //只有執行了這一步,部分表單元素纔會自動修飾成功
                       form.render();
                       form.render('select' ,'test'); //刷新select選擇框渲染
                     });


                    
                }
            });        
    }

直接在請求發送成功後加入以下代碼段

                    layui.use('form', function(){
                       var form = layui.form; //只有執行了這一步,部分表單元素纔會自動修飾成功
                       form.render();
                       form.render('select' ,'test'); //刷新select選擇框渲染
                     });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章