Failing to populate the Options in Select element using javascript

Question

The following code is able to generate the Select drop down list but it is not being populated with options. I am trying to create a 'day of the month' calendar. I am not sure where my code is wrong...

 var select_day = document.createElement('select');
 select_day.setAttribute('id', 'select_day');

 var dayArray = []; // populate day array
              for(var i=0; i <= 30; i++){
                    dayArray[i] = i + 1;
            }
 console.log(dayArray);

 // DATE - create and append options
 for(var i=0; i< dayArray.length; i++){
    var option = document.createElement('option');
    option.setAttribute('value', dayArray[i]);
    option.setAttribute('text', dayArray[i]);
    select_day.appendChild(option);
  }

Quentin · Accepted Answer · 2015-08-25 12:35:01Z

2

The attribute that controls (in the absence of a child text node) the display text of an option is called label, not text.

option.setAttribute('text', dayArray[i]);

should be

option.setAttribute('label', dayArray[i]);

var select_day = document.createElement('select');
 select_day.setAttribute('id', 'select_day');

 var dayArray = []; // populate day array
 for (var i = 0; i <= 30; i++) {
   dayArray[i] = i + 1;
 }
 console.log(dayArray);

 // DATE - create and append options
 for (var i = 0; i < dayArray.length; i++) {
   var option = document.createElement('option');
   option.setAttribute('value', dayArray[i]);
   option.setAttribute('label', dayArray[i]);
   select_day.appendChild(option);
 }

 document.body.appendChild(select_day);

answered Aug 25, 2015 at 12:35

Quentin

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

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

Collectives™ on Stack Overflow

Failing to populate the Options in Select element using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related