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

Question

在我的asp.net Web表单应用程序中，我使用了一个下拉列表，其中的值来自后面的代码。我想将当前选定的dropdownList项目分配给jQuery中的标签。这是dropdownList HTML：

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

我想使用jQuery函数在document.ready()内或其范围之外进行下拉列表文本更改，以跟踪当前选择的客户并将其名称分配给标签。将当前选定的客户名称分配给该标签后，我将不得不根据选定的客户在页面上显示内容。我在document.ready()中使用了以下代码，但无法正常工作。

              $("#ddlCustomers").change(function () {
                  var text = $('#ddlCustomers option:selected').text();

                  $('#lblCustName').text('Name =' + text);
              });

是否可以通过jquery将当前选定的客户名称分配给ID为lblCustName的标签？

Answer 1

与ContentPlaceHolders一起使用时，Asp.Net服务器控件ID的趋势会发生变化。访问服务器控件时使用ClientID或添加新属性ClientIDMode并将其值设置为Static。这不会在运行时更改服务器控件的ID。

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

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