如何将当前选定的下拉列表项分配给jQuery中的标签?

如何将当前选定的下拉列表项分配给jQuery中的标签?,jquery,asp.net,webforms,Jquery,Asp.net,Webforms,在我的asp.net web表单应用程序中,我使用了一个下拉列表,其中的值来自代码隐藏。我想将当前选择的dropdownList项分配给jQuery中的标签。以下是下拉列表HTML: <asp:DropDownList ID="ddlCustomers" CssClass="ddlCustomers" runat="server" AutoPostBack="false" Enabled="true" > </asp:DropDownList&g

在我的asp.net web表单应用程序中,我使用了一个下拉列表,其中的值来自代码隐藏。我想将当前选择的dropdownList项分配给jQuery中的标签。以下是下拉列表HTML:

        <asp:DropDownList ID="ddlCustomers" CssClass="ddlCustomers" runat="server" AutoPostBack="false" Enabled="true" >
        </asp:DropDownList>

有没有办法通过jquery将当前选定的客户名称分配给ID为lblCustName的标签?

Asp.Net服务器控件ID与
内容占位符一起使用时会发生变化。访问服务器控件时使用ClientID,或添加新属性
ClientMode
,并将其值设置为
Static
。这不会在运行时更改服务器控件的ID

$("#<%= ddlCustomers.ClientID %>").on('change', function() {
    var text = $(this).find('option:selected').text();

    $('#<%= lblCustName.ClientID %>').text('Name =' + text);
}); 
$(“#”)on('change',function(){
var text=$(this).find('option:selected').text();
$('#').text('Name='+text);
}); 

Thank you@Suprabhat它对我有效,但当当前下拉文本被分配给标签时,页面会自动刷新,标签值再次丢失。有什么解决办法吗,这样我就可以接受它作为一个答案。让一个奇怪的行为安静下来。正如我所见,您已经使用了
AutoPostBack=“false”
来停止回发。实际上,此下拉列表的目的是根据当前选定的客户选择数据,这就是为什么页面正在刷新,而我丢失了标签文本。回发时会发生什么情况?你调用一个方法还是什么?我认为如果你在连接处理程序后立即触发
change
事件,它应该将标签设置为页面加载时当前选择的值<代码>$(“#”)on('change',function(){…}).change()
$("#<%= ddlCustomers.ClientID %>").on('change', function() {
    var text = $(this).find('option:selected').text();

    $('#<%= lblCustName.ClientID %>').text('Name =' + text);
});