js--dom--动态生成【下拉列表】

/**
 *创建下拉列表
 *param selectId 下拉列表id
 *return selectObj 下拉列表对象
 */
 _uparde.createSelect = function createSelect(selectId){
  var selectObj = document.createElement('select');
  selectObj.id = selectId;
  
  for(var i = 0; i <= 60 ; i++){
   var optionObj = null;
   if(i == 0){
    //所有等级
    optionObj = new Option('所有等级', '-2');
    optionObj.selected = 'selected';
   }else{
    optionObj =  new Option('等级'+i, i);
   }
   selectObj.options.add(optionObj); //添加选项
  }
  
  return selectObj;
 }

 

//将下拉列表对象设置到<div>上

  var endSelectObj = _uparde.createSelect('endStarLevel');
  document.getElementById('endStarLevelContainer').innerHTML = endSelectObj.outerHTML;

注释：var div = document.getElementById('endStarLevelContainer') ---》 获得div对象