2 taozui 1212 taozui_1212 于 2017.09.15 10:29 提问

jquery向select添加option失败

遇到一个郁闷的问题,用ajax拿到后端数据, 然后遍历动态添加到下拉框中去。数据拿到了,但是添加到select中不成功。
Jquery代码

 $.ajax({
        url : '../board/getBoards',
        type : 'POST',
        success : function(data) {
            var boards = eval(data);
            var id = new Array();
            $(boards).each(
                    function(index) {
                        var board = boards[index];
                        var optionStr = "";
                        optionStr += "<option value='" + board.id + "'>"
                                + board.boardName + "</option>";
                        $("#boards").append(optionStr);
                    });
        },
        error : function(data) {
            alert('查找板块报错');
        }
    });

HTML代码片段

 <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">板块类型</label>
            <div class="layui-input-block">
              <select lay-verify="required" name="class" id="boards">
                    <option value="0">-请选择板块-</option>
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">主题类型</label>
            <div class="layui-input-block">
              <select name="experience" id="topicTypes">
                    <option value="0">-请选择主题类型-</option>
              </select>
            </div>
          </div>
        </div>

图片说明
用alert能看到数据,但是就是append失败
图片说明

1个回答

wyccyw123456
wyccyw123456   2017.09.15 10:36

感觉是layui,试试这个?form.render('select'); //刷新select选择框渲染

wyccyw123456
wyccyw123456 回复taozui_1212: 目测如此,也就之前用过,你试试吧,但可能有点麻烦
2 个月之前 回复
taozui_1212
taozui_1212 layui.use('form', function () { var form = layui.form; form.render('select'); });这样吗?
2 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片