Denn dafür muss ich validieren, um die erste Option zu handhaben.
Kann mir jemand dabei helfen, dieses Ziel zu erreichen, ohne tatsächlich die erste Option als Teil des select-Tags aufzunehmen?
Soweit ich weiß, ist dies die einzige Möglichkeit, eine leere Zeile zu erhalten. Was meinst du damit, dass du eine Validierung durchführen musst? Setzen Sie einfach ein Häkchen, um zu sagen, ob value=”” dann false zurückgeben.
– Robert
22. Dezember 2011 um 14:50 Uhr
Dies wäre eine gute Gelegenheit, Optionsfelder anstelle eines Dropdown-Menüs zu verwenden.
– Brandstifter
27. Oktober 2015 um 20:37 Uhr
Meiner Meinung nach überhaupt keine seltsame Anforderung. Ich bin im selben Boot. Ich brauche auch eine “Keine Option”-Standardeinstellung. Ich habe mehrere Drop-down-Menüs, die zum Senden eines Formulars nicht erforderlich sind. Wenn Sie sie auf diese Weise deaktivieren, wird verhindert, dass der Benutzer eine Auswahl treffen muss, wenn sie nicht relevant ist. Gute Frage! +1
– Großartiger Scott
13. Januar 2016 um 22:26 Uhr
Keine seltsame Anforderung, wenn das SELECT ein ERFORDERLICHES Attribut hatte, dann ist eine Platzhalter-Label-Option eine Anforderung von HTML5 dev.w3.org/html5/spec-preview/…
– Testo Testini
19. Januar 2017 um 16:22 Uhr
@Blazemonger Optionsfelder sind eine schlechte Idee, wenn Sie mehr als 3 oder 4 haben. Stellen Sie sich eine Dropdown-Liste mit mehr als 15 Optionen oder 50 oder mehr vor? Diese haben in vielen Fällen ihre eigenen Designprobleme, aber das Problem besteht immer noch darin, dass Optionsfelder nicht gut skaliert werden überhaupt.
@azerafati Wie @Rafael_Mori betonte, können Sie dasselbe erreichen, indem Sie das Attribut “hidden” verwenden, sodass kein CSS erforderlich ist. Nur reines HTML5 😉 <option hidden disabled selected value> -- select an option -- </option>
– BrainOverflow
26. März 2017 um 11:43 Uhr
Was ist, wenn ich in der Lage sein möchte, es wieder auszuwählen? Ich möchte nur nicht, dass es etwas sendet. Ist es möglich?
– Michael Rogers
9. März 2019 um 18:39 Uhr
Beachten Sie, dass sowohl das versteckte Attribut als auch der Anzeigestil im IE nicht funktionieren, nicht einmal 11. stackoverflow.com/questions/58862242/…
– Jazkowski
11. April 2020 um 16:22 Uhr
Was bewirkt der Blindwert?
– Sebastian Thomas
11. Juni 2020 um 17:00 Uhr
Matschi
Sie könnten Javascript verwenden, um dies zu erreichen. Versuchen Sie den folgenden Code:
Diese Lösung funktioniert teilweise mit Chrome 35: Das Dropdown-Menü zeigt keine Auswahl an, wenn die Optionsliste unsichtbar ist, zeigt jedoch die erste ausgewählte Option, wenn die Optionsliste sichtbar gemacht wird. Safari 7 verhält sich aber wie vorgesehen.
– Flochtililoch
7. Juli 2014 um 21:25 Uhr
Das Interessante ist: Das funktioniert mit der HTML-Formularvalidierung. Wenn Sie die verwenden required Attribut auf der select Element eingeben und senden, ohne eine Option auszuwählen, schlägt die Formularvalidierung fehl und Sie werden darauf hingewiesen, dass Sie eine Auswahl treffen müssen. Daher gefällt mir dieser Ansatz sehr gut. (Zumindest in Chrome getestet)
– Andreas Linnert
11. Februar 2017 um 10:28 Uhr
Funktioniert nicht (zumindest in aktuellen Browsern zum Zeitpunkt dieses Schreibens – und verlässt sich unnötigerweise auf Javascript.
– Schweigen
18. Mai 2018 um 19:40 Uhr
Ab 2019 weigert sich nur Safari IOS 10, mitzuspielen
– Ayyash
1. Juli 2019 um 18:22 Uhr
GlenPeterson
Heute (2015-02-25)
Dies ist gültiges HTML5 und sendet ein Leerzeichen (kein Leerzeichen) an den Server:
Folgendes besteht auch die Validierung Heuteübergibt aber von den meisten Browsern eine Art Leerzeichen an den Server (wahrscheinlich nicht erwünscht) und bei anderen ein Leerzeichen (Chrome40/Linux übergibt ein Leerzeichen):
<option> </option>
Früher (2013-08-02)
Gemäß meinen Notizen hat die Entität ohne Umbruch-Leerzeichen in den oben gezeigten Options-Tags im Jahr 2013 den folgenden Fehler erzeugt:
Fehler: W3C-Markup-Validierungsdienst (öffentlich): Das erste untergeordnete Optionselement eines Auswahlelements mit einem erforderlichen Attribut und ohne Mehrfachattribut und dessen Größe 1 ist, muss entweder ein leeres Wertattribut oder keinen Textinhalt haben.
Damals war ein reguläres Leerzeichen gültiges XHTML4 und schickte von jedem Browser ein Leerzeichen (kein Leerzeichen) an den Server:
<option> </option>
Zukunft
Es würde mich sehr freuen, wenn die Spezifikation aktualisiert würde, um explizit eine leere Option zuzulassen. Verwenden Sie vorzugsweise die kürzeste Syntax. Eines der folgenden wäre großartig:
einige Safari-Browser scheinen weder das “hidden”-Attribut noch die Stileinstellung “display:none” zu beachten (getestet mit Safari 12.1 unter MacOS 10.12.6). Ohne expliziten Platzhaltertext zeigen diese Browser einfach eine leere erste Zeile in der Liste der Optionen. Es kann daher sinnvoll sein, diesen „Dummy“-Eintrag immer mit einem erläuternden Text zu versehen:
<option hidden disabled selected value>(select an option)</option>
Dank des “disabled”-Attributs wird es ohnehin nicht aktiv ausgewählt.
14462800cookie-checkSetzen Sie die Auswahloption im HTML-Auswahlelement standardmäßig auf leeryes
Soweit ich weiß, ist dies die einzige Möglichkeit, eine leere Zeile zu erhalten. Was meinst du damit, dass du eine Validierung durchführen musst? Setzen Sie einfach ein Häkchen, um zu sagen, ob value=”” dann false zurückgeben.
– Robert
22. Dezember 2011 um 14:50 Uhr
Dies wäre eine gute Gelegenheit, Optionsfelder anstelle eines Dropdown-Menüs zu verwenden.
– Brandstifter
27. Oktober 2015 um 20:37 Uhr
Meiner Meinung nach überhaupt keine seltsame Anforderung. Ich bin im selben Boot. Ich brauche auch eine “Keine Option”-Standardeinstellung. Ich habe mehrere Drop-down-Menüs, die zum Senden eines Formulars nicht erforderlich sind. Wenn Sie sie auf diese Weise deaktivieren, wird verhindert, dass der Benutzer eine Auswahl treffen muss, wenn sie nicht relevant ist. Gute Frage! +1
– Großartiger Scott
13. Januar 2016 um 22:26 Uhr
Keine seltsame Anforderung, wenn das SELECT ein ERFORDERLICHES Attribut hatte, dann ist eine Platzhalter-Label-Option eine Anforderung von HTML5 dev.w3.org/html5/spec-preview/…
– Testo Testini
19. Januar 2017 um 16:22 Uhr
@Blazemonger Optionsfelder sind eine schlechte Idee, wenn Sie mehr als 3 oder 4 haben. Stellen Sie sich eine Dropdown-Liste mit mehr als 15 Optionen oder 50 oder mehr vor? Diese haben in vielen Fällen ihre eigenen Designprobleme, aber das Problem besteht immer noch darin, dass Optionsfelder nicht gut skaliert werden überhaupt.
– TylerH
28. März 2019 um 16:43 Uhr