HTML <br /> innerhalb eines Auswahlfeldes

Question

Ich würde gerne wissen, ob es eine Möglichkeit gibt, ein Element in einem Auswahlfeld auf zwei Zeilen aufzuteilen.

Einer der Werte meines Auswahlfeldes ist zu lang, um in mein Div zu passen.

Answer 1

Nein, das ist unmöglich.

Sie können ein Javascript-Widget verwenden, z. B. diese jQuery-Plugin.

Darf ich noch anmerken, dass das, was Sie versuchen, ungewöhnlich ist - selbst in Desktop-Anwendungen erwarten die Benutzer nicht, dass sie umbrochenen Text in einem Dropdown-Feld finden, und können verwirrt werden, wenn sie eines sehen. Es wäre besser, ein anderes Steuerelement zu verwenden oder den Text zu begrenzen.

Answer 2

Es ist unmöglich, aber wenn es einfach darum geht, zu verhindern, dass das Element zu breit wird, könnte man einfach eine Breite definieren (z.B.. <select style="width:100px;"> ). Dadurch wird der Text abgeschnitten, wenn das Feld "geschlossen" ist, aber sobald Sie es "öffnen", wird der gesamte Text angezeigt.

Answer 3

Soviel ich weiß, ist das unmöglich. Ich würde mir jedoch Folgendes ansehen jQuer y für Optionen. Im Einzelnen gibt es jQuery Plugins, die eine Anpassung der Auswahlboxen ermöglichen.

Box Factory 2.0 auswählen ist eine Möglichkeit. Ich glaube, sie erweitert die Funktionalität des Auswahlfeldes und ermöglicht unter anderem den Textumbruch.

Answer 4

Sie könnten einfach eine deaktivierte Option in blank hinzufügen

<option disabled selected value> </option>

Answer 5

Ein Element, das sich auf zwei Zeilen in einem Auswahlfeld befindet, unterteilen.

Warum sollten Sie das tun? Wenn Sie ein JQuery-Plugin verwenden, um HTML in einem Option-Tag anzuzeigen, dann gibt es keinen Grund, diese Frage zu stellen, da Sie bereits in der Lage sind, ein
Tag.

Um Abstände in Auswahlelementen zu schaffen, können Sie ein leeres Optionstag erstellen, das einen leeren Wert und Namen hat. Sie müssten dann die Übermittlung validieren, um zu erkennen, ob ein leerer Wert übermittelt wurde.