Почему не выводится ведённые значения js?

Question

[RushV]

Здравствуйте!
А почему не выводится ведённые значения

Что то я как то не разберусь.
Форма:

<div class="input-group mb-3">
  <input type="text" id="input" class="form-control" placeholder="Введите размера..." aria-label="Введите размера" aria-describedby="basic-addon2">
  <div class="input-group-append">
    <button id="button" class="btn btn-outline-secondary" type="button">Добавить размер</button>
  </div>
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect2">Размеры</label>
    <select multiple name="size" value="[[+size]]" class="form-control" id="FormControlSelectSize">
      <option id="list"></option>
    </select>
  </div>

Код:

$("#button").click(() => {
  $("#list").append(`<option>${$("input").val()}</option>`);

  var items = document.getElementsByTagName("option");
  for (var i = 0; i < items.length; i++) {
    items[i].addEventListener("click", function(e) {
      e.target.remove();
    })
  }
});

Answer 1

[Dima Pozdnyakov]

Нужно указать id селекта и в него апендить option

$("#FormControlSelectSize").append(`<option>${$("input").val()}</option>`);

Comments

[RushV]

Сейчас заменил как вы сказали теперь функция добавления не работает.
Так то при клике "Добавить размер" добавлялся тег option в select всё нормально, но введённое значение в input не выводит.

[Dima Pozdnyakov]

Проверь, на фидле всё работает.

[RushV]

Странно не работает(
Не выводит значение

[Dima Pozdnyakov]

Ошибок в консоли нет? JQuery точно подключен ?

[RushV]

Dima Pozdnyakov,

[RushV]

Что же такое то(

[Dima Pozdnyakov]

Два варианта должны работать:

$("#FormControlSelectSize").append(`<option>${$("#input").val()}</option>`);

и этот:

$("#FormControlSelectSize").append('<option>' + $("#input").val() + '</option>');

Пробуй

[RushV]

Dima Pozdnyakov, Фух работает блин)
Первый вариант по пробовал.
Спасибо вам большое!
А можно при добавлении значения очищать поле input ?
Внизу подставить val()?

[Dima Pozdnyakov]

Понял в чем ошибка была? Ты просто не указал что input это id. Соответственно когда у тебя несколько инпутов на странице оно брало с первого который был пустой. Я что то сам сразу даже не обратил на такую мелочь внимания.
Для очистки можешь само просто:
$("#input").val('');