如果DropDownList Selected Index Changed,则隐藏gridview行

时间:2011-05-20 05:09:52

标签: javascript jquery asp.net gridview drop-down-menu

如何在客户端调用事件dropdownlist.selectedindex.changed?

可以使用javascript / jquery吗?

我应该在标记中包含什么来启用javascripts?

<%@ Page Title="Report" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Report.aspx.cs" Inherits="Report" %>

 <%@ PreviousPageType VirtualPath="~/Top.aspx" %>

我本来想做这样的事情

IF SelectedValue = 2, Hide Row 1,2,3, and 4
IF SelectedValue = 3, Hide Row 11,21,31, and 41

1 个答案:

答案 0 :(得分:3)

您可以在下拉列表中将onchange事件附加到javascript。然后,只要您selected Index changes它将触发并调用javascript update方法,您可以在其中隐藏该特定行。

<asp:DropDownList ID="ddl" onchange="javascript:update();"

这是JavaScript代码

<script language="javascript" type="text/javascript">
    function update() {
        var ri = 2; // I suppose that you know the Index of Row Which you want to hide
        var grd = document.getElementById('<%= grd.ClientID %>');
        grd.rows[ri].style.display = 'none';
    }

</script>