Couldnt add option to combobox with Javascript

Question

I am trying to fill combobox with Javascript but I couldtn be able do it successfuly. This is very simple but I havent worked with Javascript for a long time.

Can anybody help me? here is my code...

<script>
var x = document.getElementById("demo");
var s=""
for(i=1;i<42;i++)
{
    s += '<option value='+i+'>'+points[i].musteri+'</option>';
}
document.getElementById('demo').innerHtml = s;
</script>

try to console the html you are building if it is proper, also is var x = document.getElementById("demo"); is a select tag ?? — Ripun, Apr 07 '16 at 09:36
Can you create a jsfiddle of what you have so far? https://jsfiddle.net/ — NewToJS, Apr 07 '16 at 09:36
Possible duplicate of [Javascript - innerHTML not working with HTML select menus](http://stackoverflow.com/questions/2738254/javascript-innerhtml-not-working-with-html-select-menus) — jcubic, Apr 07 '16 at 09:38

Rawin Ngamloet · Answer 1 · 2016-04-07T09:56:17.617

0

Not sure what browser you are using for test but I think you just simply missing ';' after

var s=""

and there is no innerHtml but it is innerHTML attribute for DOM.

This is the JSFiddle I used for test https://jsfiddle.net/ey9b3n2c/3/

edited Apr 07 '16 at 09:56

answered Apr 07 '16 at 09:40

Rawin Ngamloet

11
3

this shouldn't affect the result because semicolons are optional in javascript. – jcubic Apr 07 '16 at 09:46
I just think It would be best practice to do that all the time :-D – Rawin Ngamloet Apr 07 '16 at 10:01

score 0 · Accepted Answer · answered Apr 07 '16 at 09:54

innerHtml is not a "Select" element property in javascript. You can add "option" like this:

<script>
var x = document.getElementById("demo");
for(i=1;i<42;i++)
{
    var option = document.createElement("option");
    option.text = points[i].musteri;
    option.value = i;
    x.add(option);
}

Couldnt add option to combobox with Javascript

2 Answers2