Как выбрать option в select по значению?

#html #html5 #angular2 #typescript #html_select

Возможно ли указать значение option, которое будет выбираться по умолчанию при загрузке
страницы? Пробовал через selected и  selected="selected". Результат нулевой.


   Названию
   Автору
   Типу
   Расширению




    

Ответы

Ответ 1

Судя по разметке - используется Angular.

При связывании через ngModel выбирается option чье значение совпадает со значением
typeSearch.

Таким образом достаточно просто присвоить этой переменной или свойству нужное значение.


Ответ 2

Можешь обойти циклом все значения select и применить порядковый номер соответствующего
option (значение option совпадает с нужным значением) к select через selectedIndex.

Пример:



var defaultValue = "Расширению";
var yourSelect = document.querySelector('.form-control');

for (let i, j = 0; i = yourSelect.options[j]; j++) {
  if (i.value == defaultValue) {
    yourSelect.selectedIndex = j;
    break;
  }
}

  Названию
  Автору
  Типу
  Расширению





Если нужного значения в select нет, то будет выбрано значение selected или же самое
первое (при отсутствии selected).