Html-select mit Optionen wie Textfelder

Schreibe ich ein select-Dropdown in html hat

<option><input type="text"></option>

Aber wenn ich das Programm ausführen der textbox kommt aus der dropdown-Liste den Zweck einfügen Textfeld in select -, ist, dass , Wenn ein Benutzer nicht finden kann, wird die gewünschte option . Er wird in der Lage sein, um eine neue hinzuzufügen.

Dies ist die select-code. Sie sehen können, lebendig demo läuft dieser code http://jsfiddle.net/_nikhilagrawal/eJ7k6/3/. Warum diese input type text kommt außerhalb der wählen Sie. Bitte haben Sie einen Blick.

<select name="color"> 
    <option>pick a color</option>  
    <option value="red">RED</option>
    <option value="blue">BLUE</option>    
    <option><input type="text" name="color" /></option>
</select>

Dies ist die Ausgabe der drop-down.
Html-select mit Optionen wie Textfelder

InformationsquelleAutor Nikhil Agrawal | 2013-04-15
  1. 1

    <option> - Elemente können nicht über etwas anderes als text in Ihnen.

    Wenn Sie möchten, dass ein widget, das kombiniert text-Eingänge mit einem dropdown-Menü, dann müssen Sie es erstellen mit JavaScript.

    • Ich danke Ihnen, sir, diese Lösung kann durchgeführt unter Verwendung von jQuery
    InformationsquelleAutor Quentin
  2. 1

    Kann man nicht schreiben

    <input type="text" name="color" />

    innen <option></option> tag.

    Sollten Sie hinzufügen " Textfeld am nächsten selectbox, Wenn ein Benutzer nicht finden kann, wird die gewünschte option,Benutzer hinzufügen können neue. oder müssen Sie anpassen, wählen Sie Ihre box mit css+jquery

    InformationsquelleAutor Butani Vijay
Schreibe einen Kommentar