使用javascript添加更多下拉框菜单

Question

每次点击“添加”按钮，我都需要在html上添加更多我的下拉框副本，我只能这样做5次。

---

function AddVCD()
{
    var cdcounter = 0;
    var opt = document.createElement('option');

    document.getElementById("vcdchoice").innerhtml("Pitch Perfect");
    document.getElementById("vcdchoice").innerhtml("500 Days of Summer");
    document.getElementById("vcdchoice").innerhtml("The Notebook");
    document.getElementById("vcdchoice").innerhtml("The Vow");
    document.getElementById("vcdchoice").innerhtml("Lincoln");


    cdcounter++;
}

这是我单击按钮时要复制的下拉框的代码

---

<select id = "vcdchoice">
      <option value="movie1">Movie1</option>
      <option value="movie2">Movie2</option>
      <option value="movie3">Movie3</option>
      <option value="movie4">Movie4</option>
      <option value="movie5">Movie5 </option>
    </select>

这是我按钮的代码。

---

     <button type = "button" id = "addVCD" onclick="AddVCD()"> ADD ANOTHER VCD     </button>

我认为我的javascript存在问题。是的，当然。