克隆下拉比对克隆

Question

我有以下克隆文本框的代码：

HTML：

 <TextBox id="numericTextBoxClone"/>    

jQuery代码：

var numericTextBoxClientID = '<%= numericTextBoxClone.ClientID%>';
var clonedElement = $('#' + numericTextBoxClientID).clone().attr('id', 'id_'                      + item.ID);
$('#id_' + item.ID).show();
var element = $('<div/>');
element.append(clonedElement); 

Clon很好--我可以在我的页面上看到新的文本框，但是当我对下拉列表做同样的操作时，它不起作用，为什么？

Answer 1

要克隆下拉列表，请使用以下代码片段:-

<div id="clone" class="new-dropdown">
        <select class="dropdown-select" name="categories">
            <option></option>
            <option value="1">val 1</option>
            <option value="2">val 2</option>
            <option value="3">val 3</option>
        </select>
    </div>

    <a href="#" class="add-another-cat smallest" style="">Add another category</a>

JQuery

$(document).ready(function () {
        $('.add-another-cat').click(function (event) {
            event.preventDefault();
            var $orDiv = $('.new-dropdown:last').after($('#clone').clone().removeAttr('id').show());

        });

    });

希望这对你有用。谢谢。