如何为动态生成的 DropDownlist 分配标签？

Question

如何为动态生成的下拉列表生成标签文本。这是代码：

 <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="ddlCityName" runat="server" DataTextField="City" DataValueField="City" class="ddlClone"></asp:DropDownList>
         <input type="button" id="btnClone" value="Clone Dropdown" />
    </div>
    <div id="target">
    </div>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $('#btnClone').click(function () {
        var original = $('select.ddlClone:eq(0)');
        var allSelects = $('select.ddlClone');
        var clone = original.clone();

        $('option', clone).filter(function (i) {
            return allSelects.find('option:selected[value="' + $(this).val() + '"]').length;
        }).remove();        
        $('#target').append(clone).append('<br /><br /><br />');
    });
</script>

每次生成下拉列表时，我想为其显示一个标签文本，即 'category'。我是说-->

类别："Here is my dynamically generated dropdownlist control"

谢谢！

Answer 1

使用以下内容：

$('#target').append($('<span>').text('Category: '));
$('#target').append(clone).append('<br /><br /><br />');

这将向目标元素插入一个新元素！随意修改！

如何为动态生成的 DropDownlist 分配标签？

How to assign Label for dynamically generated DropDownlist?

javascript

c#

asp.net

jquery

label