获取combobox属性多选的值

在 HTML 中，combobox 组件通常使用 select 标签实现，只是添加了 size 属性，使其变成一个可编辑的下拉列表。在多选 combobox 中，可以通过设置 multiple 属性实现多选。

要获取多选 combobox 中选中的值，可以通过以下步骤实现：

1. 获取 select 元素：可以使用 document.getElementById() 或 document.querySelector() 方法获取 select 元素。

2. 遍历 select 元素中的所有 option 元素，检查每个 option 元素是否被选中。

3. 对于被选中的 option 元素，获取其 value 属性，将其添加到一个数组中。

4. 最后，返回该数组即可。

以下是一个示例代码：

<select id="mySelect" multiple size="3">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="orange">Orange</option>
  <option value="grape">Grape</option>
</select>

<script>
  var selectElement = document.getElementById("mySelect");
  var selectedValues = [];
  for (var i = 0; i < selectElement.options.length; i++) {
    var option = selectElement.options[i];
    if (option.selected) {
      selectedValues.push(option.value);
    }
  }
  console.log(selectedValues);
</script>

在上面的示例中，我们首先获取了 id 为 mySelect 的 select 元素，然后遍历该元素中的所有 option 元素，对于选中的 option 元素，将其 value 属性添加到 selectedValues 数组中。最后，通过 console.log() 方法打印出选中的值。