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

Question

我如何向表单添加更多下拉列表，以便当用户单击按钮时，下拉框将添加到表单？

我猜是某种 JavaScript？

更新:

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

Answer 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 );