jquery 参考 ID 名称中带有空格

Question

我正在使用 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%'
                });
            });

Answer 1

像这样

$("select[id='test two']").change(function() {
    console.log($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple="multiple"  id="test two">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
</select>

这是可能的（在 ID 中使用空格）但最好不要将 id 与空格一起使用，添加_到您的选择器中，例如'#text_two'