Если выбранный индекс DropDownList изменен, скрыть строки сетки

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 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>