javascript - 在 JavaScript 上获取选择数组值

Question

我想使用 javascript 获取 Select Element Array 值，但我无法获取所有其他元素值，例如文本等，但无法获取 select 数组值。

在我的Html代码中选择元素

<select name="abc[]"></select>
<select name="abc[]"></select>

和用于获取选择值的Javascript代码

document.querySelectorAll("input[name='abc[]']")

但不能得到它的价值，帮我摆脱这个

标签： javascriptjqueryhtml

Answer 1

首先：使用select, 不在input你的CSS 选择器中。这是查找所选选项的值和文本的片段：

const selectedOption = document.querySelector(`select[name='abc[]'] > option:checked`);
console.log(`Value: ${selectedOption.value}, Text: ${selectedOption.textContent}`);

<select name="abc[]">
  <option value="1">text 1</option>
  <option value="2">text 2</option>
  <option value="3" selected>text 3</option>
  <option value="4">text 4</option>
</select>