ВЫБЕРИТЕ контроль, как установить то, что вы хотите показать

Question

У меня есть проблема с этим:

<select name="whatever">
<option value="pizza">pizza</option>
<option value="pasta">pasta</option>
<option value="sandwich">sandwich</option>
<option value="cheese">cheese</option>
</select>

Выбирайте контролировать всегда, когда я "бегу", он показывает меня как первую в выпадающем меню пиццу, и это означает,пицца выбрана по умолчанию.Итак, как я могу изменить это, если я хочу опубликовать сыр по умолчанию (текущий активен в раскрывающемся списке). Это просто пример того, как я хочу работать с моим выбором, вы видите заполнитель = 5, что означает этопо умолчанию номер управления будет использовать 5, и я хочу сделать то же самое с моим выбором управления.

<input type='number' placeholder=5 min=0 max=10 step=1>

Спасибо!

Answer 1

Вы просто помещаете атрибут selected в опцию, которую вы хотите использовать в качестве значения по умолчанию.

Вы можете использовать функцию JavaScript, чтобы получить значение из вашей таблицы и назначить это значение в качестве выбранной опциипадать.Параметры раскрывающегося списка выбора обозначаются индексом, начинающимся с 0.

В демонстрационном примере ниже я использовал кнопки для вызова функции JS.Нажмите на кнопку, чтобы изменить выбранную опцию:

var sel = document.getElementsByName("whatever")[0];

function defaultOption(option) {
  sel.options[option].selected = 'selected';
}

<button onClick="defaultOption(0)">pizza</button>
<button onClick="defaultOption(1)">pasta</button>
<button onClick="defaultOption(2)">sandwich</button>
<button onClick="defaultOption(3)">cheese</button>
</br>
</br>
<select name="whatever">
  <option value="pizza">pizza</option>
  <option value="pasta">pasta</option>
  <option value="sandwich">sandwich</option>
  <option value="cheese" selected>cheese</option>
</select>