从选择元素中获取选定选项的数组 - Javascript

作为一名程序员，您可能经常需要从 HTML 表单中获取选定选项的值，然后将其作为数组传递给后端处理。 在 Javascript 中，要获得选定选项数组，您可以使用以下代码片段：

const selectedOptions = Array.from(document.querySelector('select').selectedOptions).map(option => option.value);

使用此代码，我们可以通过将传递给 querySelector 的选择器更改为您要从中获取选定选项的元素的 ID 或类名，从而从任何 HTML 表单元素中获取选定选项数组。 如果您有多个表单元素，则可以使用 querySelectorAll 方法。

以下是解释此代码工作方式的步骤：

1. document.querySelector('select') 获取 HTML 中第一个 select 元素。
2. selectedOptions 属性是一个只读属性，它返回表示选择列表中已选元素的 HTML 集合。
3. Array.from 方法将 HTML 集合转换为数组。
4. 使用 map 方法将每个选项对象转换为其值。
5. 最终我们获得了选定选项的值数组 selectedOptions。

此代码片段是非常实用的，因为它允许您轻松地从表单中获取选中的选项数组，从而向您的后端处理程序传递数据。同时，还可以简化代码，避免使用循环来处理每个选项。

希望您喜欢这个代码片段。如果您有任何问题或想法，请让我知道！