用户单击 Javascript 中的按钮时复制下拉列表

【问题标题】：Copy drop-down lists when user clicks button in Javascript用户单击 Javascript 中的按钮时复制下拉列表
【发布时间】：2011-11-23 19:06:30
【问题描述】：

如何在表单中添加更多下拉列表，以便用户单击按钮时会在表单中添加一个下拉框？

我猜是某种 javascript？

更新：

我希望能够添加更多具有与第一个相同数据的下拉列表。所以下拉列表 1 有 1,2,3 作为选项。然后用户点击添加下拉列表，第二个下拉列表包含 1,2,3。

【问题讨论】：

您想在下拉列表中添加空白下拉列表或项目。您能否更详细地解释您的问题。

标签： javascript html

【解决方案1】：

您可以使用.cloneNode() 来做到这一点。

演示：http://jsfiddle.net/ThinkingStiff/pSEUH/

HTML：

<form id="form">
    <select id="select">
        <option>one</option><option>two</option><option>three</option>
    </select>
    <button id="add">Add</button>
</form>

脚本：

document.getElementById( 'add' ).addEventListener( 'click', function ( event ) {

    event.preventDefault();
    var select = document.getElementById( 'select' ).cloneNode( true );
    document.getElementById( 'form' ).appendChild( select );

}, false );

【讨论】：

我已将该功能添加到页面顶部和正文中的表单，但它不起作用
您是否将脚本放在<script> 块中？点击演示链接，就可以了。
是的，将代码包装在标题中的脚本块中，并将表单放在正文中