How to add new options in select options using JavaScript

[mahirinku]

how to add new more options in select box options using JavaScript . Please tell me what i do for add more options in options box using JavaScript .

[r035198x]

Try

var newOption= document.createElement("OPTION");
newOption.innerText = "yourText";
newOption.value = "yourValue";
document.yourForm.yourSelect.options.add(newOption);

[acoder]

That looks like a very IE-specific way of adding options.

I would suggest a simple:

yourSelect.options[yourSelect.options.length] = new Option(text, value);

If using the add method, you'd need a try/catch block to deal with IE's non-standard implementation (probably been fixed in newer versions, but I haven't checked).

[r035198x]

Not to mention that

options[yourSelect.options.length] = new Option(text, value);

is much cleaner and simpler ...

[Sherin]

Try This Code

var min = 10,
    max = 50,
    select = document.getElementById('selectElementId');
 
for (var i = min; i<=max; i++){
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}

[mirandapalmer]

I have the same problems. Thanks for share this.