html设置下拉筛选可以多选,select下拉框（支持筛选、多选）

要实现下拉框多选，可以使用HTML中的<select>标签结合JavaScript来实现。以下是示例代码：

HTML：

<select id="mySelect" multiple>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
  <option value="option4">选项4</option>
</select>

JavaScript：

var select = document.getElementById("mySelect");
select.addEventListener("change", function(){
  var selectedOptions = [];
  for (var i = 0; i < select.options.length; i++){
    if (select.options[i].selected){
      selectedOptions.push(select.options[i].value);
    }
  }
  console.log(selectedOptions);
});

在上面的代码中，我们在<select>标签中添加了"multiple"属性，表示可以多选。然后使用JavaScript监听<select>标签的"change"事件，在这个事件中，我们遍历<select>标签中的所有选项，如果某个选项被选中了，就将它的值添加到一个数组中。最后，我们可以在控制台中输出选中的选项的值。

这样，就可以实现下拉框多选功能了。