原生js的下拉框怎么多选并且获取到多选的值

在JavaScript原生中，下拉框通常是单选的，如果需要实现多选功能，通常会通过HTML的`<select multiple>`元素来创建一个多选列表。下面是一个简单的例子：

<select id="multiSelect" multiple>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <!-- 更多选项... -->
</select>

<script>
// 获取多选下拉框
var selectBox = document.getElementById('multiSelect');

// 当用户选择新的选项时，更新选择的值
selectBox.addEventListener('change', function() {
  var selectedOptions = Array.from(selectBox.options)
    .filter(option => option.selected); // 获取选中的项

  console.log('多选的值:', selectedOptions.map(option => option.value)); // 输出选中的值
});
</script>

在这个例子中，当你选择多个选项并点击提交按钮时，会选择的值会被打印出来。