layui表单下拉选择框动态添加option

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_37164847/article/details/89532715

            <form class="layui-form" >

              <div class="layui-form-item">
                <label class="layui-form-label">会议地点</label>
                <div class="layui-input-inline">
                      <select name="room" lay-verify="required" id="roomSelect">
                          <option value="">请选择</option>
                    </select>
                </div>
              </div>

         </form>

function loaddata(data){
    for(var i=0;i<data.length;i++){
        $("#roomSelect").append("<option value="+data[i].roomName+">"+data[i].roomName+"</option>");
    }
    renderForm();//表单重新渲染，要不然添加完显示不出来新的option  
}
//重新渲染表单
function renderForm(){
    layui.use('form', function(){
        var form = layui.form;
        form.render();
    });
 }