Как вывести элементы массива в select (каждый элемент в отдельный option)?

Question

[alicepepel]

Есть массив:

["09.10.2017", "10.10.2017", "11.10.2017", "12.10.2017", "13.10.2017"]

И select:

<select class="table__select" onclick="sendAjax()"></select>

Как из элементов массива сделать option'ы и засунуть их в select?

Answer 1

[0xD34F]

Получаем select:

const select = document.querySelector('.table__select');

// или

const [ select ] = document.getElementsByClassName('table__select');

Добавляем в него option'ы:

select.innerHTML = arr.map(n => `<option>${n}</option>`).join('');

// или

select.append(...arr.map(n => new Option(n)));

// или

for (const n of arr) {
  select.appendChild(document.createElement('option'));
  select.lastChild.text = n;
}

// или

for (let i = 0; i < arr.length; i++) {
  const option = document.createElement('option');
  option.textContent = arr[i];
  select.insertAdjacentElement('beforeend', option);
}

Похоже на то, что вам надо?

Comments

[alicepepel]

да, большое спасибо
теперь еще нужно разобраться, как и почему это сработало ) ведь это es6, а я еще со старьем не разобралась, как можно понять по вопросу

Answer 2

[Negwereth]

Array.prototype.map