页面多选下拉框 jquery.multiple.select

1.首先引用jquery.multiple.select.js、multiple-select.css

2.在页面select下拉列表里面加一个multiple="multiple"

 <select name="nimbusHost" id="nimbusHost" multiple="multiple">
          <c:forEach items="${stormIps}" var="item">
          <option value="${item.value}">${item.code}</option>
          </c:forEach>
</select>

3.在页面初始化的时候，要在js里面加一段代码:

<%--这个是默认选中的--%>
var numbusIps=‘${queryStormBaseConfInfo.nimbusHost}‘;
    $(‘#nimbusHost‘).multipleSelect({
        width: ‘300px‘,
        single:true//单选，去掉single就是多选
    }).multipleSelect(‘setSelects‘,[numbusIps]);

<%--这个是默认不选中的--%>
var numbusIps=‘${queryStormBaseConfInfo.nimbusHost}‘;
    $(‘#nimbusHost‘).multipleSelect({
        width: ‘300px‘,
        single:true//单选，去掉single就是多选
    });

4.提交的时候直接用var nimbusHost=$("#nimbusHost").val();就可以得到多选下拉框选中的值。