如何为动态生成的下拉列表分配标签
本文关键字:下拉列表 分配 标签 动态 | 更新日期: 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 />');
这将插入一个新元素到目标元素!修改你想要的!