Dropdown List Selected Index Pada ASP.Net

Pada artikel ini saya akan langsung menjelaskan mengenai cara menangani event selectedindex pada dropdownlist ASP.Net.

  1. Langkah pertama saya membuat sebuah web form baru dengan nama Default.aspx.
  2. Pada file tersebut saya tuliskan perintah sebagai berikut:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="II_Default" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form" runat="server">
        <h1>Study On Sunday</h1>
        <div>
            <asp:DropDownList ID="dropDownPilihan" OnSelectedIndexChanged="Pilihan_SelectedIndexChanged" AutoPostBack="true" runat="server">
                <asp:ListItem Value="Wanita" Text="Wanita"></asp:ListItem>
                <asp:ListItem Value="Pria" Text="Pria"></asp:ListItem>
            </asp:DropDownList>
            <b>Anda, seorang </b> <asp:Label ID="labelPilihan" runat="server"></asp:Label>
        </div>
        </form>
    </body>
    </html>
    
  3. Kemudian saya pindah ke file kode yaitu Default.aspx.cs.
  4. Pada file tersebut saya tuliskan kode program sebagai berikut:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class II_Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
    
        protected void Pilihan_SelectedIndexChanged(object sender, EventArgs e)
        {
            labelPilihan.Text = dropDownPilihan.SelectedValue;
        }
    }
    
  5. Coba jalankan file Default.aspx pada web browser, hasilnya akan terlihat seperti gambar berikut:

Apabila ada masalah silahkan tanyakan melalui fasilitas komentar yang ada pada blog ini.

Categories:

0 Comments:

Post a Comment