Удалить заполнитель выбора в поле выбора фокуса

Question

<select class="name">
    <option value="">Select Option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>

Удалить опцию выбора, когда пользователь нажимает на нее как на заполнитель поля ввода. Также не отображается в раскрывающемся списке.

Answer 1

<select class="name">
    <option value="" style="display:none;">Select Option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>

style="display:none;" должно работать (выбрано по умолчанию, но не отображается в параметрах).

Answer 2

Вы можете использовать <option value="" disabled selected>Select Option</option>