這篇文章主要介紹了DropDownList設置客戶端事件思路，需要的朋友可以參考下

假設：數據源控件GrdiView，無刷新UpdatePannel，友情提示UpdateProgress，分頁下拉框DropDownList

一般情況下：Gridview的分頁有linkbutton或者button，這樣要是想讓UpdateProgress提示，很簡單，先讓GridView隱藏，然后給它加個OnClientClick就搞定!

在DropDownList的onchange事件里：

1. function selectChange() {  
2. if ($("select option").is(":selected")) {  
3. $("#btn11").click();  
4. }  
5. } 

跳轉到：

1. <asp:DropDownList ID="ddlNeedPage" runat="server" AutoPostBack="true" onchange="return selectChange();"> 
2. </asp:DropDownList> 

1. function clearData() {  
2. //$("#<%=_gvGuest.ClientID %>").empty();  
3. $("#_gvGuest").empty();  
4. //$("#<%=lblMessage.ClientID %>").hide();  
5. $("#lblMessage").hide();  
6. }  

1. <asp:LinkButton ID="lnkFirstPage" runat="server" <span style="color:#ff0000;">OnClientClick="return clearData();"</span>  
2. CommandName="Page" CommandArgument="First" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex != 0 %>">第一頁</asp:LinkButton>  

但是DropDownList沒有OnClientClick事件，怎么辦？

因為上面說了Button有Onclientclick我們可以想到借助Button來轉換一下!!!!

解決辦法：

在頁面上放一個隱藏的button：

1. <asp:Button ID="btn11" runat="server" CssClass="btnPage"Style="display: none;" OnClick="btn11_Click" OnClientClick="return clearData2();"/> 

然后再OnClientClick事件里把下拉框的值賦給一個隱藏域

1. function clearData2() {  
2. var hidDDL = $("#_gvGuest_ddlNeedPage").val();  
3. $("#hidNeedPage").attr("value", hidDDL);  
4. $("#_gvGuest").empty();  
5. $("#lblMessage").hide();  
6. } 

然后在click事件里將_gvGuest的PageIndex設置成隱藏域的value!

1. protected void btn11_Click(object sender, EventArgs e)  
2. {  
3.  
4. if (!string.IsNullOrEmpty(hidNeedPage.Value))  
5. {  
6. _gvGuest.PageIndex = Convert.ToInt32(hidNeedPage.Value);  
7. BindData();  
8. }  
9. } 

基本思路就實現了，相信通過上面一步步的實現大家對DropDownList設置客戶端事件也有了大概了解，希望這篇文章真真正正的能夠幫助到大家。