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

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

1 个答案: