DropDownList如何设置客户端事件

本篇内容介绍了“DropDownList如何设置客户端事件”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

假设：数据源控件GrdiView，无刷新UpdatePannel，友情提示UpdateProgress，分页下拉框DropDownList

一般情况下：Gridview的分页有linkbutton或者button，这样要是想让UpdateProgress提示，很简单，先让GridView隐藏，然后给它加个OnClientClick就搞定！
在DropDownList的onchange事件里：

function selectChange() { 
      if ($("select option").is(":selected")) { 
        $("#btn11").click(); 
      } 
    }

 跳转到：

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

function clearData() { 
      //$("#<%=_gvGuest.ClientID %>").empty(); 
      $("#_gvGuest").empty(); 
      //$("#<%=lblMessage.ClientID %>").hide(); 
      $("#lblMessage").hide(); 
    }

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

但是DropDownList没有OnClientClick事件，怎么办？

因为上面说了Button有Onclientclick我们可以想到借助Button来转换一下！！！！

解决办法：在页面上放一个隐藏的button：

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

然后再OnClientClick事件里把下拉框的值赋给一个隐藏域

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

然后在click事件里将_gvGuest的PageIndex设置成隐藏域的value！

protected void btn11_Click(object sender, EventArgs e) 
    { 
 
      if (!string.IsNullOrEmpty(hidNeedPage.Value)) 
      { 
        _gvGuest.PageIndex = Convert.ToInt32(hidNeedPage.Value); 
        BindData(); 
      } 
    }

“DropDownList如何设置客户端事件”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！