在 jQuery 中使用 shift 键进行多选

Question

我想允许多个项目选择，以便#par 显示所有 3 个通过移位选择的值。 This post 让我相信 jQuery 没有内置这样的功能，需要一种解决方法，尽管它是从 3 年前开始的。我使用 jsFiddle 和 1.9.1 jQuery。

<select id="select" multiple>
    <option value="item1">item1</option>
    <option value="item2">item2</option>
    <option value="item3">item3</option>
</select>

<br />
<p id="par"></p>

$('#select').change(function(){
    $('#select option:selected').each(function(){
        $("#par").text($(this).text() + ", ");
    });
});

Answer 1

您可以使用val() 获取在多选中选择的值的逗号分隔列表 - 与任何其他表单元素相同。试试这个：

$('#select').change(function() {
    $("#par").text($(this).val());
});

Example fiddle