jQuery：HTML DropDown 列表有效，但 ASP Control DropDown 列表无效答案

【问题标题】：jQuery: HTML DropDown list works, but ASP Control DropDown list does notjQuery：HTML DropDown 列表有效，但 ASP Control DropDown 列表无效
【发布时间】：2012-02-28 19:00:08
【问题描述】：

我有一个简单的 jquery 函数，用于显示/隐藏一些 div。该功能在我使用常规 html 下拉列表时有效，但在使用 ASP 控件时无效，并且我需要它与 ASP 控件一起使用，因为我需要在代码隐藏中对其执行一些操作。

下拉列表代码：

<asp:DropDownList ID="SelectAccount" runat="server">
        <asp:ListItem Value="Social_Worker">Social Worker</asp:ListItem>
        <asp:ListItem>Sponsor</asp:ListItem>
    </asp:DropDownList>

    <select name="" id="SelectAccount1" onclick="return SelectAccount_onclick()">
        <option value="sponsor">Sponsor</option>
        <option value="social_worker">Social Worker</option>
    </select>

jquery 代码：

$(document).ready(function () {
    var det = $("#SponsorDetails");
    var all = $("#AllDetails");
    $(all).hide();
    $(det).hide();

    $("#SelectAccount").change(function () {
        //hide social worker and sponsor stuff
        var value = $("#SelectAccount option:selected").val();
        if (value == "social_worker") {
            //show social worker stuff
            $("#AllDetails").show("slow");
            $("#SponsorDetails").hide("slow");
        } else {
            //show sponsor stuff
            $("#AllDetails").show("slow");
            $("#SponsorDetails").show("slow");
        } 
    });
  });

为什么同一个 jquery 不能与 ASP 控件一起使用？

【问题讨论】：

是的，我使用的是一个母版页（没有嵌套的）
如果你右键点击你的页面和view source - 找到控件你会看到id不一样，因为它获得了一个新的idctl001_yourControlID以避免重复的id。

标签： jquery asp.net drop-down-menu

【解决方案1】：

这可能是因为 asp 控件的 ID 是服务器端 ID，而普通控件的 ID 是客户端，它们并不总是匹配，尤其是在嵌套或母版页中时。

要完成这项工作，你可以修改你的脚本，如果你的脚本在页面中，在服务器端是这样的：

$("#<%=SelectAccount.ClientID %>").change(function () { ... }

【讨论】：

【解决方案2】：

$("#AllDetails").show("slow"); // is this could be hide?
$("#SponsorDetails").show("slow");

并尝试 # 而不是 #SelectAccount

【讨论】：