DropDownList クラスとは何？わかりやすく解説 Weblio辞書

すべての辞書から再検索する

.NET Framework クラスライブラリリファレンス

索引トップ用語の索引ランキング

DropDownList クラス

ユーザーがドロップダウンリストから単一の項目を選択できるコントロールを表します。

名前空間: System.Web.UI.WebControls
アセンブリ: System.Web (system.web.dll 内)
構文

Visual Basic (宣言)

<ValidationPropertyAttribute("SelectedItem")>
 _
Public Class DropDownList
    Inherits ListControl
    Implements IPostBackDataHandler

Visual Basic (使用法)

Dim instance As DropDownList

[ValidationPropertyAttribute("SelectedItem")] 
public class DropDownList : ListControl, IPostBackDataHandler

C++

[ValidationPropertyAttribute(L"SelectedItem")] 
public ref class DropDownList : public
 ListControl, IPostBackDataHandler

/** @attribute ValidationPropertyAttribute("SelectedItem") */ 
public class DropDownList extends ListControl
 implements IPostBackDataHandler

JScript

ValidationPropertyAttribute("SelectedItem") 
public class DropDownList extends
 ListControl implements IPostBackDataHandler

解説

DropDownList コントロールを使用して、単一選択ドロップダウンリストコントロールを作成します。BorderColor、BorderStyle、BorderWidth の各プロパティを設定すると DropDownList コントロールの外観を制御できます。

DropDownList コントロールに表示する項目を指定するには、各エントリに対して、DropDownList コントロールの開始タグと終了タグの間に ListItem オブジェクトを配置します。

DropDownList コントロールはデータ連結もサポートしています。コントロールをデータソースにバインドするには、コントロールに表示する項目を格納している System.Collections.ArrayList オブジェクトなどのデータソースを作成します。データソースを作成したら、Control.DataBind メソッドを使用してデータソースを DropDownList コントロールに連結します。

SelectedIndex プロパティを使用して、DropDownList コントロールからユーザーが選択した項目のインデックスをプログラムにより確認します。

ユーザー補助

このコントロールに既定でレンダリングされるマークアップは、Web Content Accessibility Guidelines (WCAG) 1.0 の優先度 1 ガイドラインなどのユーザー補助に関する標準に適合しない可能性があります。このコントロールのユーザー補助サポートの詳細については、「ASP.NET コントロールとユーザー補助」を参照してください。

Topic	Location
チュートリアル : FormView Web サーバーコントロールによる Web ページでの書式設定したデータの表示	Visual Studio での ASP .NET Web アプリケーションの作成
チュートリアル : GridView Web サーバーコントロールの編集中のドロップダウンリストの表示	Visual Studio での ASP .NET Web アプリケーションの作成
チュートリアル : Visual Studio でのマスター/詳細 Web ページの作成	Visual Studio での ASP .NET Web アプリケーションの作成
チュートリアル : Visual Web Developer での ASP.NET マスタページの作成と使用	Visual Studio での ASP .NET Web アプリケーションの作成
チュートリアル : XML データを表示する Web ページの作成	Visual Studio での ASP .NET Web アプリケーションの作成
チュートリアル : カスタムビジネスオブジェクトへのデータバインディング	Visual Studio での ASP .NET Web アプリケーションの作成
チュートリアル : 変換による Web フォームページへの XML ドキュメントの表示	Visual Studio での ASP .NET Web アプリケーションの作成
方法 : ASP.NET Web サーバーコントロールにフォーカスを設定する	ASP .NET Web アプリケーションの作成
方法 : Web フォームページに DropDownList Web サーバーコントロールを追加する	ASP .NET Web アプリケーションの作成
方法 : Web フォームページに DropDownList Web サーバーコントロールを追加する (Visual Studio)	Visual Studio での ASP .NET Web アプリケーションの作成
方法 : データソースのデータをリスト Web サーバーコントロールに読み込む	ASP .NET Web アプリケーションの作成
方法 : データソースの項目をリスト Web サーバーコントロールに読み込む (Visual Studio)	Visual Studio での ASP .NET Web アプリケーションの作成
方法 : リスト Web サーバーコントロールでの変更に応答する	ASP .NET Web アプリケーションの作成
方法 : リスト Web サーバーコントロールに項目を追加する	ASP .NET Web アプリケーションの作成
方法 : リスト Web サーバーコントロールに項目を追加する (Visual Studio)	Visual Studio での ASP .NET Web アプリケーションの作成
方法 : リスト Web サーバーコントロールの選択項目を確認する	ASP .NET Web アプリケーションの作成
方法 : リスト Web サーバーコントロールの選択項目を設定する	ASP .NET Web アプリケーションの作成
方法 : リスト Web サーバーコントロールの選択項目を設定する (Visual Studio)	Visual Studio での ASP .NET Web アプリケーションの作成
方法 : 非階層 Web Server コントロール内にサイトマップデータを表示する	ASP .NET Web アプリケーションの作成

使用例

4 つの項目が格納されている DropDownList コントロールを作成する方法を次のコード例に示します。

Visual Basic

<%@ Page Language="VB" AutoEventWireup="True"
 %>

<html>
   <script runat="server" >
  
      Sub Selection_Change(sender As Object,
 e As EventArgs)

         ' Set the background color for days in the Calendar control
         ' based on the value selected by the user from the
         '  DropDownList control.
         Calendar1.DayStyle.BackColor = _
             System.Drawing.Color.FromName(ColorList.SelectedItem.Value)

      End Sub
  
   </script>
  
<body>

   <form runat="server">
  
      <h3> DropDownList Example </h3>

      Select a background color for days in
 the calendar.

      <br><br> 
  
      <asp:Calendar id="Calendar1"
           ShowGridLines="True" 
           ShowTitle="True"
           runat="server"/>

      <br><br>

      <table cellpadding="5">

         <tr>

            <td>

               Background color:

            </td>

         </tr>

         <tr>

            <td>

               <asp:DropDownList id="ColorList"
                    AutoPostBack="True"
                    OnSelectedIndexChanged="Selection_Change"
                    runat="server">

                  <asp:ListItem Selected="True"
 Value="White"> White </asp:ListItem>
                  <asp:ListItem Value="Silver">
 Silver </asp:ListItem>
                  <asp:ListItem Value="DarkGray">
 Dark Gray </asp:ListItem>
                  <asp:ListItem Value="Khaki">
 Khaki </asp:ListItem>
                  <asp:ListItem Value="DarkKhaki">
 Dark Khaki </asp:ListItem>

               </asp:DropDownList>

            </td>

         </tr>
  
   </form>

</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>

<html>
   <script runat="server" >
  
      void Selection_Change(Object sender, EventArgs e)
      {

         // Set the background color for days in the Calendar control
         // based on the value selected by the user from the 
         // DropDownList control.
         Calendar1.DayStyle.BackColor = 
             System.Drawing.Color.FromName(ColorList.SelectedItem.Value);

      }
  
   </script>
  
<body>

   <form runat="server">
  
      <h3> DropDownList Example </h3>

      Select a background color for days in
 the calendar.

      <br><br> 
  
      <asp:Calendar id="Calendar1"
           ShowGridLines="True" 
           ShowTitle="True"
           runat="server"/>

      <br><br>

      <table cellpadding="5">

         <tr>

            <td>

               Background color:

            </td>

         </tr>

         <tr>

            <td>

               <asp:DropDownList id="ColorList"
                    AutoPostBack="True"
                    OnSelectedIndexChanged="Selection_Change"
                    runat="server">

                  <asp:ListItem Selected="True" Value="White">
 White </asp:ListItem>
                  <asp:ListItem Value="Silver"> Silver </asp:ListItem>
                  <asp:ListItem Value="DarkGray"> Dark Gray </asp:ListItem>
                  <asp:ListItem Value="Khaki"> Khaki </asp:ListItem>
                  <asp:ListItem Value="DarkKhaki"> Dark Khaki </asp:ListItem>

               </asp:DropDownList>

            </td>

         </tr>
  
   </form>

</body>
</html>

データバインディングにより DropDownList コントロールを作成する方法を次のコード例に示します。

Visual Basic

<%@ Page Language="VB" AutoEventWireup="True"
 %>
<%@ Import Namespace="System.Data"
 %>

<html>
   <script runat="server" >
  
      Sub Selection_Change(sender as Object,
 e As EventArgs)

         ' Set the background color for days in the Calendar control
 
         ' based on the value selected by the user from the
         ' DropDownList control.
         Calendar1.DayStyle.BackColor = _
             System.Drawing.Color.FromName(ColorList.SelectedItem.Value)

      End Sub

      Sub Page_Load(sender as Object,
 e As EventArgs)
  
         ' Load data for the DropDownList control only once, when the
 
         ' page is first loaded.
         If Not IsPostBack Then

            ' Specify the data source and field names for the Text 
            ' and Value properties of the items (ListItem objects)
            ' in the DropDownList control.
            ColorList.DataSource = CreateDataSource()
            ColorList.DataTextField = "ColorTextField"
            ColorList.DataValueField = "ColorValueField"

            ' Bind the data to the control.
            ColorList.DataBind()

            ' Set the default selected item, if desired.
            ColorList.SelectedIndex = 0

         End If

      End Sub

      Function CreateDataSource() As ICollection
 
      
         ' Create a table to store data for the DropDownList control.
         Dim dt As DataTable = New
 DataTable()
         
         ' Define the columns of the table.
         dt.Columns.Add(new DataColumn("ColorTextField",
 GetType(String)))
         dt.Columns.Add(new DataColumn("ColorValueField",
 GetType(String)))
 
         ' Populate the table with sample values.
         dt.Rows.Add(CreateRow("White", "White",
 dt))
         dt.Rows.Add(CreateRow("Silver", "Silver",
 dt))
         dt.Rows.Add(CreateRow("Dark Gray", "DarkGray",
 dt))
         dt.Rows.Add(CreateRow("Khaki", "Khaki",
 dt))
         dt.Rows.Add(CreateRow("Dark Khaki", "DarkKhaki",
 dt))
 
         ' Create a DataView from the DataTable to act as the data source
         ' for the DropDownList control.
         Dim dv As DataView = New
 DataView(dt)
         Return dv

      End Function

      Function CreateRow(Text As String,
 Value As String, dt As
 DataTable) As DataRow 

         ' Create a DataRow using the DataTable defined in the 
         ' CreateDataSource method.
         Dim dr As DataRow = dt.NewRow()
 
         ' This DataRow contains the ColorTextField and ColorValueField
 
         ' fields, as defined in the CreateDataSource method. Set the
 
         ' fields with the appropriate value. Remember that column 0
 
         ' is defined as ColorTextField, and column 1 is defined as
 
         ' ColorValueField.
         dr(0) = Text
         dr(1) = Value
 
         Return dr

      End Function
  
   </script>
  
<body>

   <form runat="server">
  
      <h3> DropDownList Data Binding Example </h3>

      Select a background color for days in
 the calendar.

      <br><br> 
  
      <asp:Calendar id="Calendar1"
           ShowGridLines="True" 
           ShowTitle="True"
           runat="server"/>

      <br><br>

      <table cellpadding="5">

         <tr>

            <td>

               Background color:

            </td>

         </tr>

         <tr>

            <td>

               <asp:DropDownList id="ColorList"
                    AutoPostBack="True"
                    OnSelectedIndexChanged="Selection_Change"
                    runat="server"/>

            </td>

         </tr>
  
   </form>

</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>

<html>
   <script runat="server" >
  
      void Selection_Change(Object sender, EventArgs e)
      {

         // Set the background color for days in the Calendar control
         // based on the value selected by the user from the 
         // DropDownList control.
         Calendar1.DayStyle.BackColor = 
             System.Drawing.Color.FromName(ColorList.SelectedItem.Value);

      }

      void Page_Load(Object sender, EventArgs e)
      {
  
         // Load data for the DropDownList control only once, when the
 
         // page is first loaded.
         if(!IsPostBack)
         {

            // Specify the data source and field names for the Text
 
            // and Value properties of the items (ListItem objects)
 
            // in the DropDownList control.
            ColorList.DataSource = CreateDataSource();
            ColorList.DataTextField = "ColorTextField";
            ColorList.DataValueField = "ColorValueField";

            // Bind the data to the control.
            ColorList.DataBind();

            // Set the default selected item, if desired.
            ColorList.SelectedIndex = 0;

         }

      }

      ICollection CreateDataSource() 
      {
      
         // Create a table to store data for the DropDownList control.
         DataTable dt = new DataTable();
         
         // Define the columns of the table.
         dt.Columns.Add(new DataColumn("ColorTextField",
 typeof(String)));
         dt.Columns.Add(new DataColumn("ColorValueField",
 typeof(String)));
 
         // Populate the table with sample values.
         dt.Rows.Add(CreateRow("White", "White", dt));
         dt.Rows.Add(CreateRow("Silver", "Silver", dt));
         dt.Rows.Add(CreateRow("Dark Gray", "DarkGray", dt));
         dt.Rows.Add(CreateRow("Khaki", "Khaki", dt));
         dt.Rows.Add(CreateRow("Dark Khaki", "DarkKhaki", dt));
 
         // Create a DataView from the DataTable to act as the data
 source
         // for the DropDownList control.
         DataView dv = new DataView(dt);
         return dv;

      }

      DataRow CreateRow(String Text, String Value, DataTable dt)
      {

         // Create a DataRow using the DataTable defined in the 
         // CreateDataSource method.
         DataRow dr = dt.NewRow();
 
         // This DataRow contains the ColorTextField and ColorValueField
 
         // fields, as defined in the CreateDataSource method. Set the
 
         // fields with the appropriate value. Remember that column
 0 
         // is defined as ColorTextField, and column 1 is defined as
 
         // ColorValueField.
         dr[0] = Text;
         dr[1] = Value;
 
         return dr;

      }
  
   </script>
  
<body>

   <form runat="server">
  
      <h3> DropDownList Data Binding Example </h3>

      Select a background color for days in
 the calendar.

      <br><br> 
  
      <asp:Calendar id="Calendar1"
           ShowGridLines="True" 
           ShowTitle="True"
           runat="server"/>

      <br><br>

      <table cellpadding="5">

         <tr>

            <td>

               Background color:

            </td>

         </tr>

         <tr>

            <td>

               <asp:DropDownList id="ColorList"
                    AutoPostBack="True"
                    OnSelectedIndexChanged="Selection_Change"
                    runat="server"/>

            </td>

         </tr>
  
   </form>

</body>
</html>

.NET Framework のセキュリティ

AspNetHostingPermission (ホスト環境での動作に必要なアクセス許可)要求値 : LinkDemand; アクセス許可値 : Minimal。
AspNetHostingPermission (ホスト環境での動作に必要なアクセス許可)要求値 : InheritanceDemand; アクセス許可値 : Minimal。

継承階層

System.Object
   System.Web.UI.Control
     System.Web.UI.WebControls.WebControl
       System.Web.UI.WebControls.BaseDataBoundControl
         System.Web.UI.WebControls.DataBoundControl
           System.Web.UI.WebControls.ListControl
            System.Web.UI.WebControls.DropDownList

スレッドセーフ

この型の public static (Visual Basic では Shared) メンバはすべて、スレッドセーフです。インスタンスメンバの場合は、スレッドセーフであるとは限りません。

プラットフォーム

Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition

開発プラットフォームの中には、.NET Framework によってサポートされていないバージョンがあります。サポートされているバージョンについては、「システム要件」を参照してください。

バージョン情報

.NET Framework
サポート対象 : 2.0、1.1、1.0

参照

関連項目
DropDownList メンバ
System.Web.UI.WebControls 名前空間
BorderColor
BorderStyle
BorderWidth
ListItem
System.Collections.ArrayList
Control.DataBind
SelectedIndex

このページでは「.NET Framework クラスライブラリリファレンス」からDropDownList クラスを検索した結果を表示しています。
Weblioに収録されているすべての辞書からDropDownList クラスを検索する場合は、下記のリンクをクリックしてください。

全ての辞書からDropDownList クラスを検索

>> 「DropDownList クラス」を含む用語の索引
DropDownList クラスのページへのリンク

DropDownList クラスとは？わかりやすく解説

DropDownList クラス

「DropDownList クラス」の関連用語


	© 2025 Microsoft.All rights reserved.

DropDownList クラスとは？ わかりやすく解説

DropDownList クラス

急上昇のことば

「DropDownList クラス」の関連用語

DropDownList クラスとは？わかりやすく解説