standardmäßig Option als leer auswählen

Question

Ich habe eine sehr seltsame Anforderung, bei der ich keine Option standardmäßig im Dropdown-Menü in HTML ausgewählt haben muss. Jedoch,

Ich kann das nicht verwenden,

<select>
  <option></option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

Denn dafür muss ich eine Validierung durchführen, um die erste Option zu behandeln. Kann mir jemand helfen, dieses Ziel zu erreichen, ohne tatsächlich die erste Option als Teil des Select-Tags aufzunehmen?

Answer 1

option style="display:none"

Ist schlechte Lösung für Tablet: iPad Pro / iOS 15 / Safari Eine unnötige Zeile im Dropdown erscheint nur bei echten Geräten. Reproduziert sich nicht auf dem Emulator.

Answer 2

Versuchen Sie dies:

<select>
    <option value="">&nbsp;
    <option>Option 1
    <option>Option 2
    <option>Option 3
</select>

Validiert in HTML5. Funktioniert mit required Attribut im Select-Element. Dose neu gewählt werden. Funktioniert in Google Chrome 45, Internet Explorer 11, Edge, Firefox 41.