Получить значение массива Select на JavaScript

Question

Я хочу получить значение Select Element Array, используя javascript, но не могу получить все остальные значения элемента, такие как текст и т. Д. c, но не могу получить значение массива select.

Выбрать элемент в My Html код

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

и Javascript код для получения Выберите значение

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

, но не можете получить его значение, помогите мне этого

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>

Answer 2

Попробуйте это: [1]: https://jsfiddle.net/phiphophe/c7a3gdtn/1/

var matches = document.querySelectorAll("select[name='abc[]']");

for(var select of matches){
console.log(select.value);
}