Question

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

测试了一些javascript / jquery函数，因为我没有太多的背景，我没有运气！

修改：
对不起，有点回答我自己的问题，在其他任何问题的帮助下，只想查看源代码。

http://jsbin.com/ufuxuq/

这几乎是我想要的，但是必须在列表中实现一些php，所以我有额外的麻烦，但现在一切都很好。

由于

Answer 1

您可以使用<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" />

Answer 2

对不起，有点回答我自己的问题，在其他任何问题的帮助下，只是查看源代码的人。

http://jsbin.com/ufuxuq/

这几乎是我想要的，但是必须在列表中实现一些php，所以我有额外的麻烦，但现在一切都很好。

由于

Answer 3

使用JQuery动态创建/删除html代码很容易，如上面Adam所解释的那样。但请注意为用户提供删除它们的便利。最好的方法是在选择框中添加一个id并在点击时提供一个关闭'X'的span / div，它可以完全删除

 $(document).ready(function(){
{
     $("#close").click({function(){

     $("#selectid").remove(); // to remove the select
     $("#selectid").hide(); //this would hide it but when submitted, the default/selected option shall still be submitted
     $("#close").remove();
     }):
});

用于创建/添加另一个选择（下拉）框的功能

3 个答案: