javascript - 使用 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 有问题。是的，当然。