javascript - 创建/添加另一个选择(下拉)框的功能

我需要找到一个按钮来单击插入/添加<select>（下拉）框。我希望每次单击按钮都可以继续添加新的<select>。

测试了一些javascript / jquery函数，由于我没有太多的背景知识，所以我没有运气！


编辑：
抱歉，在其他问题的帮助下，有点回答了我自己的问题的人只需查看源代码即可。

http://jsbin.com/ufuxuq/

那几乎是我想要的，但是必须在列表中实现一些php，所以我对此产生了额外的麻烦，但是现在一切都很好。

谢谢

最佳答案

您可以使用<select>创建$("<select/>");元素（或任何其他元素）
append函数可用于将html附加到项目中。

结合它们产生：

$("#buttonToAddDD").click(function () {
    var newDD = $("<select/>");
    $(newDD).append("<option>New Option 1</option>");
    $(newDD).append("<option>New Option 2</option>");
    $("#whereYouWantToAddNewDD").append(newDD);
});

<div id="whereYouWantToAddNewDD"></div>
<input type="button" id="buttonToAddDD" value="Add DD" />