Fill html select using javascript array

Asked Oct 20 '14 at 18:29

Active Oct 20 '14 at 18:29

Viewed 135 times

I want to fill a select with and array values. I don't see why my code doesnt work. I am a beginner.This is my script

    var mes = new Array();
for(i = 0; i < 12; i++){
    mes[i] = i;
}

var sel = document.getElementById('mes');
for(var i = 0; i < mes.length; i++) {
    var opt = document.createElement('option');
    opt.innerHTML = mes[i];
    opt.value = mes[i];
    sel.appendChild(opt);
}

And this is the html select:

<select name="mes" id="mes"></select>

asked Oct 20 '14 at 18:29

Veslor

Works here: http://jsfiddle.net/kz1jnhzp/ - is the script after your HTML has loaded? – tymeJV Oct 20 '14 at 18:31
Actually, that works fine.. Check it here: http://jsfiddle.net/74ykmmgd/ – Pablo Matias Gomez Oct 20 '14 at 18:31
Look at the JavaScript console in your developer tools. It will probably give you a useful error message. – Quentin Oct 20 '14 at 18:32
@tymeJV the script is in the head, it works on JSfiddle but when i load it up on dreamweaver presing f12, it doesnt work, its wierd. – Veslor Oct 20 '14 at 18:35
@PabloMatíasGomez Gracias ;) – Veslor Oct 20 '14 at 18:37
@Quentin Is says: TypeError: sel is null – Veslor Oct 20 '14 at 18:38
@Veslor Then you should use onReady or maybe put the code at the bottom of the html. – Pablo Matias Gomez Oct 20 '14 at 18:39
1

[Duplicate](http://stackoverflow.com/questions/2632137/why-is-document-getelementbyid-returning-null) – Quentin Oct 20 '14 at 18:41
@PabloMatíasGomez Yeah I just realize that _'mes'_ doesnt exist when the script is running. Is there any way to put the script in the head and be able to access the _'mes'_ ID – Veslor Oct 20 '14 at 18:42
@Veslor yes, using a dom ready function. You could try jquery and then use `$(function() { ...code here.. });` – Pablo Matias Gomez Oct 20 '14 at 18:43
@PabloMatíasGomez Thx, ive already done it with "window.onload". But thx anyway ;) – Veslor Oct 20 '14 at 18:46

Fill html select using javascript array

0 Answers0