💻✨用`<select>`轻松搞定多选、全选与取消全选！

在网页开发中，``标签常用于下拉菜单，但如果需要实现多选功能，并支持全选或全不选，就需要一点小技巧啦！👀首先，在``上设置`multiple`属性，这样用户就能选择多个选项。接着，添加一个“全选”按钮，通过JavaScript监听点击事件，将所有选项自动勾选；同样地，再加一个“全不选”按钮来清空所有选项。😉

代码示例：

```html

选项一选项二选项三

全选

全不选

<script>

function selectAll() {

const options = document.getElementById('mySelect').options;

for (let i = 0; i < options.length; i++) {

options[i].selected = true;

}

}

function unselectAll() {

const options = document.getElementById('mySelect').options;

for (let i = 0; i < options.length; i++) {

options[i].selected = false;

}

}

</script>

```

简单几步，就能让表单更智能！快试试吧！🔥