HTML5 hat required="required" , und dies ist die Art von Effekt, den ich mit dem Dropdown oben haben möchte. Ich möchte nicht, dass der Benutzer "Wählen Sie eine Option", nur "A", "B" oder "C" auswählt. Ich weiß, ich könnte einen Standardwert von A festlegen und nur die Option "Option auswählen" vollständig entfernen, aber ich möchte nicht, dass Benutzer willkürlich klicken, ohne die verfügbaren Optionen zu lesen.
Kann dies mit HTML und / oder JS gemacht werden?
edit: Dieser Code dient nur dazu, Benutzer dazu zu zwingen, eine gültige Option anstelle der Standardoption zu wählen ... Validierung für submit / change / etc sollte hinzugefügt werden
Sie sollten nur die erste Option deaktivieren und sie als standardmäßig ausgewählt festlegen:
%Vor%Das sollte genügen, Demo hier Ссылка
Geben Sie display:none nur dem Element option und disabled=disabled . Danke an @pixshatterer
BEARBEITEN: Setzen Sie visibility:hidden versehentlich.
Wenn Sie das Validierungs-Plugin verwenden (hier: Ссылка ) und Ihr <select> aktualisieren, um value für jedes <option> zu liefern, Wenn die Formularübergabe verhindert wird, wenn der "leere" Wert ausgewählt ist:
Es ist auch erwähnenswert, dass die einzigen gültigen untergeordneten Elemente eines <select> entweder <optgroup> oder <option> sind, also entferne diese <br /> s.
Wenn jQuery keine Option ist, könnten Sie immer ein onclick zu dem select oder einem onsubmit zum Formular hinzufügen und eine schnelle Überprüfung einer leeren Zeichenkette (oder was auch immer Sie den Standardwert festlegen) durchführen.
Tags und Links javascript html