使用shift键在jQuery中进行多选

时间:2016-02-02 11:22:28

标签: jquery html5

我想允许多个项目选择,以便#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() + ", ");
    });
});

1 个答案:

答案 0 :(得分:2)

您可以使用val()获得以多重选择方式选择的值的逗号分隔列表 - 与任何其他表单元素相同。试试这个:

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

Example fiddle