2011-02-15 45 views
0

我有2个ASP:带有OnSelectedIndexChanged属性的DropdownLists。当这被触发时,我想运行一个让用户知道数据正在处理的jquery函数。如何跳转到我的jQuery函数,并有没有办法使用唯一的ID?如何用下拉列表触发Jquery函数?

<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 
}); 
}); 

回答

2

给他们一个类,并使用$('.yourClass')

+0

愚蠢的我...我有班,但'#',而不是'。'再次感谢。 – MrM 2011-02-15 14:56:25

0

首先,分配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 
    }); 
}); 
0

你试试这个?

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

}); 
+0

作为ASP.NET下拉菜单只是选择框,所以我认为这应该工作。 – Neutralizer 2011-02-15 14:58:41

0

给的DDL一类,然后执行以下操作:

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

嘿u可以使用这样的事情 $(“选择[ID $ = 'ddlfirst']”)

1

您的DDL没有AutoPostBack =“true”属性,因此我不知道您要通知用户该怎么办。反正

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

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

使用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代码