标签: jquery-ui-multiselect

我有一个多选下拉列表,如下所示

<select id="data" name="data" class="data" multiple="multiple">
  <option value="100">foo</option>
  <option value="101">bar</option>
  <option value="102">bat</option>
  <option value="103">baz</option>
</select>

在加载页面时,我将得到一个像[101,102]这样的值数组.我应该遍历数组并选择值(应检查对应于id的复选框).请帮忙.

我正在使用 jquery 和 jquery 多选扩展。

对于我的 html 语法：

<select multiple="multiple"  id="test">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>

然后我通过以下方式获取多选的值：

  $(function() {

        $('#test').change(function() {
            console.log($(this).val());
        }).multipleSelect({
            width: '100%'
        });
    });

这100%有效。

我的问题是当 ID 中有空格时如何使其工作。我知道 ID 或名称中包含空格并不理想，但目前就是这样，我需要从带有空格的 ID 中获取多个选择选项。所以例子：

<select multiple="multiple"  id="test two">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>

$(function() {

            $('#test two').change(function() {
                console.log($(this).val());
            }).multipleSelect({
                width: '100%'
            });
        });

由于其中有空间，这会失败。

我尝试了如下几个选项，但没有成功。

任何建议总是很感激。

$(function() {

$("#test two").change(function() {
                    console.log($(this).val());
                }).multipleSelect({
                    width: '100%'
                });
            });