jak dynamicznie dodawać opcje do istniejącego zaznaczenia w javascript wanilli

Question

Chciałbym dodać opcję do wyboru dynamicznie za pomocą zwykłego javascript. Wszystko, co mogłem znaleźć, obejmuje JQuery lub próbuje dynamicznie tworzyć zaznaczenie. Najbliższą rzeczą, jaką mogłem znaleźć, było Dynamically add input type select with options in Javascript, które robi to drugie i jedyne, co znalazłem, nie obejmuje JQuery. Mimo, że nie spróbować i używać go tak:

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

Po Zrobiłem to nie było zmiany select a wpisowi dał mi

HELLO WORLD</option'> 

Przepraszam, jeśli jest to proste, ale jestem bardzo nowy w javascript i ogólnie w programowaniu sieciowym. Dziękuję za wszelką pomoc.

EDYCJA: Próbowałem więc podanych sugestii w ten sposób.

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

Nie zmieniło to wcale wyboru na stronie. Każdy pomysł, dlaczego? Sprawdziłem, czy kod był uruchamiany z alertem.

EDYCJA: Pomysł zadziałał, okazało się, że nie wyświetlał wartości w menu rozwijanym. Nie wiem dlaczego, ale potrafię to wymyślić.

Answer 1

Ten poradnik pokazuje dokładnie to, co trzeba zrobić: Add options to an HTML select box with javascript

Zasadniczo:

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

Answer 2

Chyba coś takiego wykonałoby zadanie.

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

Answer 3

Użyj funkcji document.createElement, a następnie dodaj ją jako element podrzędny wybranego elementu.

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

Answer 4

Spróbuj tego;

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'); 

Answer 5

.add() również działa.

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

W3 School - try