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

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

<强> HTML

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

        });

    });

希望这对你有用。感谢。

克隆下拉列表与克隆

1 个答案: