Wie man Optionen dynamisch zu einem vorhandenen hinzufügt Wählen Sie in Vanille Javascript aus

Möchte ich hinzufügen-option, um eine wählen, die dynamisch mit einfachen javascript. Alles, was ich finden konnte, beinhaltet JQuery oder versucht zu erstellen die select-sowie dynamisch. Die nächste Sache, die ich finden konnte, war Dynamisch hinzufügen-Eingang-Typ wählen Sie mit den Optionen in Javascript die nicht die letzteren, und war die einzige, die ich gefunden, die nicht die JQuery. Obwohl ich versuchen und verwenden Sie es wie so:

daySelect = document.getElementById('daySelect');
daySelect.innerHTML += "<option'>Hello world</option'>";
alert(daySelect.innerHTML)

Nachdem ich dies Tat, gab es keine Veränderung zu markieren und die Warnung gab mir 

HELLO WORLD</option'>

Ich entschuldige mich, wenn dies ist einfach, aber ich bin sehr neu auf javascript und web-Programmierung im Allgemeinen. Vielen Dank für jede Hilfe.

EDIT: Also ich habe versucht, die gegebenen Anregungen so gerne.

daySelect = document.getElementById('daySelect');
myOption = document.createElement("option");
myOption.text = "Hello World";
myOption.value = "Hello World";
daySelect.appendChild(myOption);

Dieser hat sich nicht verändert, die wählen Sie in der Seite. Irgendeine Idee warum? Und ich habe überprüfen, dass der code ausgeführt wird, mit einer Warnung.

EDIT: Die Idee hat funktioniert, nur es stellte sich heraus, dass es nicht die Anzeige einen Wert in der dropdown-Liste. Ich weiß nicht warum, aber ich kann das herausfinden, denke ich.

Kommentar zu dem Problem - Öffnen
Diese einfache Anführungszeichen nach "option" nicht benötigt werden. Kommentarautor: Zoltan.Tamasi
sollte "<option>Hallo Welt</option>" Kommentarautor: mkoryak
Ja, die Anführungszeichen sind nicht nur unnötig, Sie sind ein syntax-Fehler im HTML. Kommentarautor: Rory O'Kane

InformationsquelleAutor der Frage avorum | 2013-07-18

  1. 57

    Dieses tutorial zeigt Ihnen genau, was Sie tun müssen: Fügen Sie Optionen, um eine HTML-select-box mit javascript

    Grundsätzlich:

     daySelect = document.getElementById('daySelect');
 daySelect.options[daySelect.options.length] = new Option('Text 1', 'Value1');

    InformationsquelleAutor der Antwort Drew

  2. 13

    Ich denke so etwas würde die Arbeit machen.

    var option = document.createElement("option");
option.text = "Text";
option.value = "myvalue";
var select = document.getElementById("daySelect");
select.appendChild(option);

    InformationsquelleAutor der Antwort intuitivepixel

  3. 5

    Verwenden Sie das Dokument.createElement-Funktion und fügen Sie es als Kind von Ihrem wählen.

    var newOption = document.createElement("option");
newOption.text = 'the options text';
newOption.value = 'some value if you want it';
daySelect.appendChild(newOption);

    InformationsquelleAutor der Antwort Lochemage

  4. 0

    Versuchen Sie dieses;

       var data = "";
   data = "<option value = Some value> Some Option </option>";         
   options = [];
   options.push(data);
   select = document.getElementById("drop_down_id");
   select.innerHTML = optionsHTML.join('\n');

    InformationsquelleAutor der Antwort user28864

  5. 0

    .add() funktioniert auch.

    var daySelect = document.getElementById("myDaySelect");
var myOption = document.createElement("option");
myOption.text = "test";
myOption.value = "value";
daySelect.add(option);

    W3 Schule - versuchen

    InformationsquelleAutor der Antwort Esteban Lezama

Schreibe einen Kommentar