码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-12-07 12:13:38      阅读:1089      评论:0      收藏:0      [点我收藏+]

标签:

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();就可以得到多选下拉框选中的值。

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

标签:

原文地址:http://www.cnblogs.com/hawell/p/jquery-multiple-select.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!