HTML 提供一种 ｓｅｌｅｃｔ 元素，它可以让用户从一系列选项中选择一个或多个选项。它有三种不同的模式：单选模式、多选模式和禁用模式。在本文中，我们将重点关注多选模式。
在 HTML 中，可以使用选项元素（option）来定义 ｓｅｌｅｃｔ 元素中的选项。每个选项都由一个 value 属性和一个显示文本组成，其中 value 属性定义了选项的值，显示文本将在选择列表中显示给用户。
要将 ｓｅｌｅｃｔ 元素设置为多选模式，只需在 ｓｅｌｅｃｔ 标签中添加 multiple 属性即可。如下所示：
```html
<ｓｅｌｅｃｔ multiple>
```
上述代码会创建一个允许用户选择多个选项的 ｓｅｌｅｃｔ 元素。用户可以通过同时按住 Ctrl 键（在 Windows 上）或 Command 键（在 Mac 上）来选择多个选项，或者按住 Shift 键来选择连续的多个选项。
在多选模式下，用户所选的选项可以通过 JavaScript 的 DOM（文档对象模型）来获取。可以使用 ｓｅｌｅｃｔ 元素的 selectedOptions 属性来获取一个表示所选选项的 HTMLCollection 对象。可以使用循环遍历该对象，以获取所选选项的值。
```javascript
var selectElement = document.querySelector('ｓｅｌｅｃｔ');
var selectedOptions = selectElement.selectedOptions;
for (var i = 0; i < selectedOptions.length; i++) {
var option = selectedOptions[i];
console.log(option.value); // 输出所选选项的值
}
```
多选 ｓｅｌｅｃｔ 元素还可以与 JavaScript 的事件处理程序一起使用，以便在用户选择选项时执行相应的操作。可以使用 onchange 事件来** ｓｅｌｅｃｔ 元素的改变，并在每次选择改变时执行相应的函数。
```javascript
function handleSelectChange() {
var selectElement = document.querySelector('ｓｅｌｅｃｔ');
var selectedOptions = selectElement.selectedOptions;
for (var i = 0; i < selectedOptions.length; i++) {
var option = selectedOptions[i];
console.log(option.value); // 输出所选选项的值
}
}
var selectElement = document.querySelector('ｓｅｌｅｃｔ');
selectElement.addEventListener('change'
handleSelectChange);
```
QQ客服