layui 下拉框 實用

這里使用的是layui

需要引入layui的css 和js

 

 

html

<div class="layui-inline">
                <div class="layui-input-inline" style="width: 200px;">
                    <select name="interest" lay-filter="aihao" id="superviseDept" >
                        <option value="">監管部門</option>
                        <option value="0">寫作</option>
                        <option value="2">游戲</option>
                        <option value="3">音樂</option>
                        <option value="4">旅行</option>
                    </select>
                </div>
            </div>

js

 $.ajax({
                          type:"post",
                          url:App.interfaceHost +'deptDictionary/deptdictionary',
                          data:{
                          },
                          dataType : 'json',
                          success:function (data2) {
                              var value=data2;
                              $("#superviseDept").html('');
                              var html='<option value="">請選擇監管部門</option>'+
                                  '<option value="">全部</option>'
                              $.each(value,function (i,e) {
                                  html+='<option value="'+e.id+'">'+e.value+'</option>';
                              });
                              $("#superviseDept").append(html);
                              form.render();
                          }
                      });

 

 下拉框是表單中組件最后需要form.render()進行渲染