如何将当前选定的下拉列表项分配给jQuery中的标签?
在我的asp.net web表单应用程序中,我使用了一个下拉列表,其中的值来自代码隐藏。我想将当前选择的dropdownList项分配给jQuery中的标签。以下是下拉列表HTML:如何将当前选定的下拉列表项分配给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: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);
});