jquery multiselect下拉选定的值

时间:2015-07-24 03:30:05

标签: jquery

我对javascript和jquery很新。我尝试使用"全选"创建一个多选下拉列表。按钮。我终于找到了这个漂亮的插件:     http://wenzhixin.net.cn/p/multiple-select/docs/

我按照文档操作,下拉菜单显示在页面上。但是我无法获得所选项目。

以下是我所做的(在javascript文件控制器中):

$scope.testSelectValues = $('#ms').multipleSelect('getSelects', 'text'));

并在html文件中:

<div class="form-group">
    <label>Month</label>
    <select id="ms" multiple="multiple">
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
        <option value="4">April</option>
        <option value="5">May</option>
        <option value="6">June</option>
        <option value="7">July</option>
        <option value="8">August</option>
        <option value="9">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
    </select>
</div>
<script>
    $(function() {
        $('#ms').change(function() {
            console.log($(this).val());
        }).multipleSelect({
            width: '100%'
        });
    });
</script>

这不起作用。我没有使用正确的选定值获得任何testSelectValues。任何人都知道问题是什么?

1 个答案:

答案 0 :(得分:0)

好的,你的问题没有多大意义,但我想我知道你想做什么。

命名您的选择菜单name=whatever[]之后添加括号!!这会将所有选定的值放入数组中。

获取所选值 - var values = $('whatever[]').val(); For(i=0;i<values.length;i++) console.log(values[i])

不好意思,如果这是错的,我就在我的手机上,我知道它与此类似!当我上笔记本电脑时,我会仔细检查你!