具有多个选定值的 JavaScript 下拉列表？

Question

首先，我是 java 脚本的新手。我正在开发我的 Web 应用程序，我有一个下拉菜单，其中包含人员列表。使用它我知道如何传递一个人的选定值。但是我如何选择多个值(人名)并将该数据发送到后端实现。是否可以使用 select 标签？非常感谢!

<select class="studentList" id="dropDown1">
    <option value="1">Joseph</option>
    <option value="2">Rick</option>
    <option value="3">john</option>
</select>

脚本代码

var drop = document.getElementById("dropDown1");
var selectedPerson = drop.options[drop.selectedIndex].text;

Answer 1

尝试使用multiple <select> 中的属性标签。

试试下面的代码，

HTML

<select class="studentList" id="dropDown1" multiple>
    <option value="1">Joseph</option>
    <option value="2">Rick</option>
    <option value="3">john</option>
</select>

JS

$('#dropDown1').change(function () {
        alert($(this).val());
});

查看此 DEMO

注意:它将返回数组中的选定值。

更新:

如果你想像默认一样更改此 View select , 有很多 plug-ins在 jquery 中可用。

但这是使用 <select> 选择多个选项的基本思想