javascript - 如果 DropDownList 选定索引已更改，则隐藏 gridview 行

Question

如何在客户端调用事件 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

Answer 1

您可以将 onchange 事件附加到下拉列表中的 javascript。然后，每当您的 selected Index 更改时，它就会触发并调用 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>