problem with dynamicallly adding values to dropdown box

Question

i want to dynamically add options to drop down boxes

  var x =document.getElementById("c");
    var optn = document.createElement("OPTION");
    optn.text="hhh"
    optn.value="val"
    x.options.add(optn);

I am doing it inside a loop,with diff values of for val and hhh.Bur sometime i dont see any any values in drop down box , what may be the problem?

Sukhjeevan · Accepted Answer · 2011-02-16 07:42:52Z

0

Try this one:

var objSelect = document.getElementById("subComponentOSID");
objSelect.options[objSelect.options.length] = new Option('1','1');
objSelect.options[objSelect.options.length] = new Option('2','2');

answered Feb 16, 2011 at 7:42

Sukhjeevan

3,15410 gold badges53 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Quentin · Accepted Answer · 2011-02-16 07:14:26Z

0

add is a method of HTMLSelectElement objects, not of HTMLCollection objects.

x.add(optn)

answered Feb 16, 2011 at 7:14

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

nybbler · Accepted Answer · 2011-02-16 07:29:45Z

Assuming the element with the id "subComponentOSID", the only apparent issues in your javascript are missing semicolons on the lines where you assign values to optn.text and optn.value. Also, while most browsers will resolve what you mean when calling the add function on an options collection for a select element, you should move your add to the select itself. See the Mozilla reference for HTMLSelectElement, which provides an example.

In the meantime, try replacing the code snippet you provided with this:

var x =document.getElementById("subComponentOSID");
var optn = document.createElement("OPTION");
optn.text="hhh";  //Added semi-colon
optn.value="val";  //Added semi-colon
x.add(optn);  // Moved add to HTMLSelectElement

Collectives™ on Stack Overflow

problem with dynamicallly adding values to dropdown box

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related