2012-03-31 19 views
0

Mit JavaScript ist es möglich, ein Dropdown-Menü ein Formularfeld mit einer Eingabe Textart anstelle einer Listenoption anzuzeigen? Könnte ich ein Demo-Beispiel für jsfiddle bekommen?Dropdown-Formularfeld

Antwort

0

Ich empfehle die Verwendung von JQuery, um dies zu tun? Im Grunde verstecken und zeigen Sie ein Div mit allen Ihren Eingabefeldern darauf. Auf diese Weise können Sie die Illusion erzeugen, dass es sich um ein natives Dropdown handelt. Ein Standard-Dropdown-Menü unterstützt kein benutzerdefiniertes Markup. Es gibt Aloso Third Party Alternativen für "benutzerdefinierte Dropdowns" Ich vermute, dass sie alle implementiert sind mit einigen Variationen über was ich oben vorgeschlagen habe ...

0

Natürlich ist es möglich, aber ich bezweifle, dass es möglich ist mit einem gemeinsamen <select> Element. Sie sollten wahrscheinlich einen <div> erstellen, der aus mehreren Eingaben besteht (d. H. <input type = "text">).

Dann haben Sie eine Schaltfläche (mit einem nach unten gerichteten Pfeil Bild :)) und an sein onclick Ereignis, binden Sie eine Funktion, die Ihre <div> zeigt. Um die <div> auszublenden, können Sie die Ausblendfunktion an einen Klick auf den Hintergrund oder einen anderen Klick auf Ihre Schaltfläche binden.

Um etwas Eleganz hinzuzufügen und einen Dropdown-Effekt zu erstellen, während die <div> angezeigt wird, können Sie die Höhe auf 0 setzen und dann kontinuierlich mit einem Timer erhöhen.