bootstrap下拉框selectpicker使用

一、配置引用

    
    "Content/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    "Content/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet"/>

    
    
    
    

二、修改前端代码

html设置展示

 
class="form-group">
      class="col-sm-2 control-label">测试环境

      
class="col-sm-8">
            <select id="moa_ip" class="selectpicker">
                   {% for host in hostlist %}
                    "{{host.hostname}}">{{host.hostname}}
                    {% endfor %}
            select>
      
 

js获取参数

var moa_ip = $('#moa_ip').val();

后端返回hostlist数据

def moauditool(request):
    hostlist = getAllHost()
    
    return render(request, 'ctest/moauditool/index.html',{"hostlist":hostlist})