Question

我有2个带有OnSelectedIndexChanged属性的asp：DropdownLists。当触发它时，我想运行一个jquery函数，让用户知道正在处理的数据。我如何跳转到我的jQuery函数，有没有办法让我不必使用唯一的id？

<asp:DropDownList ID="ddlFirst" runat="server" OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem>
    <asp:ListItem>None</asp:ListItem>
</asp:DropDownList>

<asp:DropDownList ID="ddlSecond" runat="server" OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem>
    <asp:ListItem>None</asp:ListItem>
</asp:DropDownList>

$(document).ready(function () {
$("???").change(function () {
    //code
});
});

Answer 1

给他们一个班级并使用$('.yourClass')

Answer 2

您的DDL没有附加AutoPostBack =“true”属性，因此我不知道您将通知您的用户。反正

<asp:DropDownList ID="ddlFirst" onchange="myFunc();">
</asp:DropDownList>

function myFunc() {
   // insert JS code here
}

Answer 3

首先，指定一个CssClass -

<asp:DropDownList ID="ddlFirst" CssClass="myDropDown" runat="server" 
              OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem>
    <asp:ListItem>None</asp:ListItem>
</asp:DropDownList>

<asp:DropDownList ID="ddlSecond" CssClass="myDropDown" runat="server" 
      OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem>
    <asp:ListItem>None</asp:ListItem>
</asp:DropDownList>

然后，执行以下操作 -

$(document).ready(function () {
    $(".myDropDown").change(function () {
        // code to display user message
    });
});

Answer 4

你试过这个吗？

$("select").change(function () {

});

Answer 5

给ddl一个类，然后执行以下操作：

$(document).ready(function () {
$("select.myClassName").change(function () {
    //code
});
});

Answer 6

嘿，你可以使用这样的东西 $（“选择[ID $ = 'ddlfirst']”）

Answer 7

使用ASP.net总是有这个选项：

<asp:DropDownList ID="ddlFirst" runat="server" OnSelectedIndexChanged="ddlChange"> 
  <asp:ListItem>All</asp:ListItem>
  <asp:ListItem>None</asp:ListItem>
</asp:DropDownList>

$(document).ready(function () {
  $("#<%= ddlFirst.ClientID %>").change(function () {
    //code
  });
});

这会将DDL的ID动态加载到将加载到页面上的javascript中。我只是将我的javascript函数放在与asp.net代码相同的页面上

如何使用下拉列表触发Jquery函数？

7 个答案: