Как установить параметр выбора по умолчанию в выпадающем меню HTML?

Question

У меня есть форма с ниже структуры HTML:

<select> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
<option>6</option> 
<option>7</option> 

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

спасибо.

Answer 1

Элемент select не может иметь значение по умолчанию, отсутствующее в списке опций.

Однако вы можете установить его значение по умолчанию display: none. Он все равно будет отображаться как значение выбора элемента, но он не будет отображаться в раскрывающемся списке:

select option:first-of-type { 
 
    display: none; 
 
}

<select> 
 
    <option selected>Default</option> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
    <option>5</option> 
 
    <option>6</option> 
 
    <option>7</option> 
 
</select>

В приведенном фрагменте, вы больше не можете выбрать опцию " По умолчанию ", как только вы выбрали другой вариант.

Обратите внимание, что это работает в Chrome, Firefox, Opera и Edge для Windows. Он не работает в Internet Explorer или на iPad (не менее). Для истинного кросс-платформенного решения потребуется JavaScript.