如何在jsp中使用javascript动态创建下拉框？

我正在尝试动态创建下拉框，就像当我单击添加按钮时它必须创建新的下拉框。下拉列表还包含动态值，例如需要当前年份并且必须显示最多五年。请建议我这样做。

谢谢..

这是我尝试过的代码。

JavaScript 代码：

function Add()
{

  var name1 = document.createElement("select");
  name1.setAttribute('id',"year1")
  name1.setAttribute('oncreate',"Date1()");
}

function Date1(){
  d = new Date();
  curr_year = d.getFullYear();
  for(i = 0; i < 5; i++)
  {
    document.getElementById('year1').options[i] = new Option((curr_year-1)-i,(curr_year-1)-i);
  }
}

html代码：

<input type="button" name="add" value="Add" onclick="Add();">

HTML 代码

<div id="select-container">
</div>
<button id="add" onclick="addSelect('select-container');">Add Dropdown</button>

JavaScript 代码

function dateGenerate() {
   var date = new Date(), dateArray = new Array(), i;
   curYear = date.getFullYear();
    for(i = 0; i<5; i++) {
        dateArray[i] = curYear+i;
    }
    return dateArray;
}

function addSelect(divname) {
   var newDiv=document.createElement('div');
   var html = '<select>', dates = dateGenerate(), i;
   for(i = 0; i < dates.length; i++) {
       html += "<option value='"+dates[i]+"'>"+dates[i]+"</option>";
   }
   html += '</select>';
   newDiv.innerHTML= html;
   document.getElementById(divname).appendChild(newDiv);
}

请仔细阅读以下小提琴。JS Fiddle动态插入选择元素 http://jsfiddle.net/vigneshmoha/bbxMe/2/

每当您单击添加下拉按钮时，它都会创建一个具有连续五年选项的选择元素。