使用javascript动态创建具有不同id的多个下拉列表

我有一个选择下拉列表，其中有一些id名称。我想使用javascript动态地用不同的Id名称克隆它。这是我的密码

<td>
            <div style="float: left;">
                <g:select name="degree.id" from="${DomainName.list()}" optionKey="id"
                          optionValue="title" noSelection="['': '']" id="degree"
                          value="${cvEducationDetailCO?.degree?.id}" onchange="changeGradeSelectData(this.value)"/>
            </div>

        </td>
<a href="javascript:void (0);" onclick="addAnotherSelectBox();">Add Another Select Box </a>

jquery将为此提供什么

---

我有一张桌子，里面有tr和td。在该td中有一个选择框。我需要做一个选择框的克隆，并把它放到新行。用户可以根据需要生成许多选择框。因此，我希望生成一个动态tr，并在其中创建具有新Id的选择框克隆。

如果使用jQuery，您可以说：

var newSelect = $("#degree").clone().prop("id", "newIdHere");

然后，您可以通过以下方式将其添加到页面：

newSelect.appendTo("selector of parent element here");
// OR
$("selector of parent").append(newSelect);
// e.g., to add to same div as original:
$("#degree").parent().append(newSelect);

最好不要包含像

onclick=…

这样的内联事件属性，特别是如果您已经在使用jQuery：

<a href="#" id="addSelect">Add Another Select Box </a>

然后：

$(document).ready(function() {
    $("#addSelect").click(function(e) {
        e.preventDefault();
        var newSelect = $("#degree").clone().prop("id", "newIdHere");
        newSelect.wrap("<tr><td></td></tr>").closest("tr").appendTo("#idOfTableHere");
    });
});

$（文档）.ready（函数（）{
$（“#添加选择”）。单击（函数（e）{
e、 预防默认值（）；
var newSelect=$（“#度”）.clone（）.prop（“id”，“newIdHere”）；
newSelect.wrap（“”.closest（“tr”）。附录（#idOfTableHere”）；
});
});

thanx谢谢您的回复。我想将它添加到tr或表中。我可以动态地创建table或tr，并希望在该table或tr中放置下拉列表。这将是什么代码。那么它是tr还是table？请更新您的问题以清楚地说明您想要做什么，也许可以给出一个示例，说明动态添加新内容前后html的外观。（我不想坐在这里猜测您可能想要什么，并让您通过评论不断添加新的需求。）我有一个表，其中有一个tr和一个td。在该td中有一个选择框。我需要做一个选择框的克隆，并把它放到新行。用户可以根据需要生成许多选择框。因此，我希望生成一个动态tr，并在其中创建具有新Id的选择框的克隆。因此，再次编辑您的问题以提供该信息。同时，我将用一种方法更新我的问题。