daySelect = document.getElementById('daySelect'); daySelect.innerHTML += "<option'>Hello world</option'>"; alert(daySelect.innerHTML)
After I did this there was no change to the select and the alert gave me
EDIT: So I tried the given suggestions like so.
daySelect = document.getElementById('daySelect'); myOption = document.createElement("option"); myOption.text = "Hello World"; myOption.value = "Hello World"; daySelect.appendChild(myOption);
This has not changed the select in the page at all. Any idea why? And I did check that the code was being run with an alert.
EDIT: The idea did work, it just turned out that it wasn’t displaying a value in the dropdown. I don’t know why but I can figure that one out I think.
daySelect = document.getElementById('daySelect'); daySelect.options[daySelect.options.length] = new Option('Text 1', 'Value1');