如何为动态生成的下拉列表分配标签

本文关键字:下拉列表 分配 标签 动态 | 更新日期: 2023-09-27 18:04:00

如何为动态生成的下拉列表生成标签文本?下面是代码:

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

每次生成下拉列表时,我想为它显示一个标签文本,即"类别"。我的意思是——>

分类:"这是我动态生成的下拉列表控件"

谢谢!

如何为动态生成的下拉列表分配标签

使用如下:

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

这将插入一个新元素到目标元素!修改你想要的!