Eingabetyp dynamisch hinzufügen mit Optionen in Javascript auswählen

8

Ich habe herausgefunden, dass das Hinzufügen von Eingaben zu einem Formular in Javascript ziemlich einfach ist, aber aus irgendeinem Grund funktioniert das Hinzufügen der Auswahleingabe mit Optionen nicht. Die Optionen erscheinen außerhalb des Dropdown-Menüs.

Hier ist mein Code in jsfiddle: Ссылка

Hier ist mein Code inline:

%Vor%

Und der HTML:

%Vor%

Ich werde Antworten mit jQuery oder einfach nur mit Javascript akzeptieren.

    
Jake 07.09.2011, 21:19
quelle

2 Antworten

18

Reine Vanille JS

%Vor% %Vor%


jQuery-Version

%Vor% %Vor%
    
Chandu 07.09.2011, 21:23
quelle
6

Jedes Mal, wenn Sie die Eigenschaft innerHTML festlegen, erstellt Ihr Browser DOM-Elemente von dem, was Sie eingefügt haben.

Wenn Sie <select> zu innerHTML hinzugefügt haben, hat Ihr Browser höchstwahrscheinlich </select> hinzugefügt, um es als HTML gültig zu machen.

Dann, als Sie es abgerufen haben, um die Optionen hinzuzufügen, kam es als <select></select> zurück.

Versuchen Sie, die gesamte HTML-Zeichenfolge zu erstellen, um sie in eine normale Variable einzufügen und sie nur einmal einzufügen.

    
Gus 07.09.2011 21:23
quelle

Tags und Links