javascript - 无法使用 javascript 填充 Select 元素中的选项

Question

以下代码能够生成“选择”下拉列表，但未填充选项。我正在尝试创建一个“每月的某一天”日历。我不确定我的代码哪里错了......

 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);
  }

Answer 1

控制(在没有子文本节点的情况下)选项显示文本的属性称为 label，而不是 text。

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

应该是

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);