HtmlSelect クラスとは? わかりやすく解説

HtmlSelect クラス

サーバー上の HTML <select> 要素プログラムによってアクセスできるようにします。

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

<ValidationPropertyAttribute("Value")> _
Public Class HtmlSelect
    Inherits HtmlContainerControl
    Implements IPostBackDataHandler, IParserAccessor
[ValidationPropertyAttribute("Value")] 
public class HtmlSelect : HtmlContainerControl,
 IPostBackDataHandler, IParserAccessor
[ValidationPropertyAttribute(L"Value")] 
public ref class HtmlSelect : public
 HtmlContainerControl, IPostBackDataHandler, IParserAccessor
/** @attribute ValidationPropertyAttribute("Value") */ 
public class HtmlSelect extends HtmlContainerControl
 implements IPostBackDataHandler, IParserAccessor
ValidationPropertyAttribute("Value") 
public class HtmlSelect extends
 HtmlContainerControl implements IPostBackDataHandler, IParserAccessor
解説解説

HtmlSelect コントロール使用して選択ボックス作成しますHTML <option> 要素<select>開始タグおよび終了タグの間に配置してコントロール項目一覧指定します。各項目は System.Web.UI.WebControls.ListItem オブジェクト表されます。コントロールの各項目に表示されるテキスト指定するには、項目の ListItem.Text プロパティ設定するか、または <option>開始タグおよび終了タグの間にテキスト配置します。項目の ListItem.Value プロパティ設定することにより、値をテキストとは異なる項目に関連付けることができます既定で一覧から項目を選択するには、項目の ListItem.Selected プロパティtrue設定します

Size プロパティMultiple プロパティ設定すると、HtmlSelect コントロール外観動作制御できますSize プロパティコントロールの高さを行単位指定しますMultiple プロパティは、HtmlSelect コントロール複数の項目を同時に選択できるかどうか指定します

既定では、HtmlSelect コントロールドロップダウン リスト ボックスとして表示されます。Multiple プロパティtrue設定して複数の項目を選択できるようにした場合、または Size プロパティ1超える値に設定して、高さを 1 行の高さよりも高く指定した場合、このコントロールリスト ボックスとして表示されます。

単一選択HtmlSelect コントロール選択された項目を確認するには、SelectedIndex プロパティ使用して選択された項目のインデックス取得します。この値を使用して Items コレクションから項目を取得できます

複数選択ができる HtmlSelect コントロール選択された項目を確認するには、Items コレクション反復処理して各項目の ListItem.Selected プロパティテストします

HtmlSelect クラスには、データ バインディングサポートする 2 つプロパティ用意されています。System.Collections.IEnumerable インターフェイス実装するオブジェクト (System.Data.DataView、System.Collections.ArrayList、System.Collections.Hashtable など) または IListSource インターフェイス実装するオブジェクトデータバインドするには、DataSource プロパティ使用してバインドするデータ ソース指定しますDataSource プロパティ設定する場合は、データ バインディング実行するコード手動記述する必要がありますデータ ソース コントロール表されるデータ ソースHtmlSelect コントロール自動的にバインドするには、DataSourceID プロパティ使用し、その値を、使用するデータ ソース コントロールID プロパティ設定しますDataSourceID プロパティ設定すると、HtmlSelect コントロールは、指定したデータ ソース コントロール自動的にバインドされます。したがって、DataBind メソッド明示的に呼び出す必要はありません。

コントロール内の項目の ListItem.Text プロパティおよび ListItem.Value プロパティデータ ソースのどのフィールドバインドするかは、DataTextField プロパティと DataValueField プロパティ個別設定して指定できますデータ ソース格納されているデータソース複数場合は、DataMember プロパティ使用してコントロールバインドする特定のソース指定します。たとえば、複数テーブルに System.Data.DataSet オブジェクトがある場合、どのテーブルコントロールバインドするかを DataMember プロパティ使用して指定する必要があります

HtmlSelectインスタンス初期プロパティ値の一覧については、HtmlSelect コンストラクタトピック参照してください

使用例使用例

コントロール表示する項目を明示的に宣言することで HtmlSelect コントロール作成する方法次のコード例示します

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

<html>

<head>

   <script runat="server">

      Sub Button_Click (sender As Object,
 e As EventArgs)
        
         Dim i As Integer

         Label1.Text = "You selected:"

         For i = 0 to Select1.Items.Count -
 1
  
            If Select1.Items(i).Selected Then
               Label1.Text = Label1.Text & "<br> &nbsp;&nbsp;
 -" & Select1.Items(i).Text
            End If         

         Next i

      End Sub

   </script>

</head>

<body>

   <form runat="server">

      <h3> HtmlSelect Example </h3>

      Select items from the list: <br><br>

      <select id="Select1" 
              Multiple="True"
              runat="server">

         <option value="1" Selected="True">
 Item 1 </option>
         <option value="2"> Item 2 </option>
         <option value="3"> Item 3 </option>
         <option value="4"> Item 4 </option>
         <option value="5"> Item 5 </option>
         <option value="6"> Item 6 </option>

      </select>

      <br><br>

      <button id="Button1"
              OnServerClick="Button_Click"
              runat="server">

         Submit

      </button>

      <br><br>

      <asp:Label id="Label1"
           runat="server"/>

   </form>

</body>

</html>

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

<html>

<head>

   <script runat="server">

      void Button_Click (Object sender, EventArgs e)
      {
        
         Label1.Text = "You selected:";

         for (int i=0; i<=Select1.Items.Count
 - 1; i++)
         {
            if (Select1.Items[i].Selected)
               Label1.Text += "<br> &nbsp;&nbsp; -" + Select1.Items[i].Text;
         }

      }

   </script>

</head>

<body>

   <form runat="server">

      <h3> HtmlSelect Example </h3>

      Select items from the list: <br><br>

      <select id="Select1" 
              Multiple="True"
              runat="server">

         <option value="1" Selected="True"> Item 1 </option>
         <option value="2"> Item 2 </option>
         <option value="3"> Item 3 </option>
         <option value="4"> Item 4 </option>
         <option value="5"> Item 5 </option>
         <option value="6"> Item 6 </option>

      </select>

      <br><br>

      <button id="Button1"
              OnServerClick="Button_Click"
              runat="server">

         Submit

      </button>

      <br><br>

      <asp:Label id="Label1"
           runat="server"/>

   </form>

</body>

</html>

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

<html>

<head>

   <script runat="server">

      function Button_Click (sender : Object, e : EventArgs)
      {
        
         Label1.Text = "You selected:";

         for (var i : int
 = 0; i <= Select1.Items.Count - 1; i++)
         {
            if (Select1.Items[i].Selected)
               Label1.Text += "<br> &nbsp;&nbsp; -" + Select1.Items[i].Text;
         }

      }

   </script>

</head>

<body>

   <form runat="server">

      <h3> HtmlSelect Example </h3>

      Select items from the list: <br><br>

      <select id="Select1" 
              Multiple="True"
              runat="server">

         <option value="1" Selected="True"> Item 1 </option>
         <option value="2"> Item 2 </option>
         <option value="3"> Item 3 </option>
         <option value="4"> Item 4 </option>
         <option value="5"> Item 5 </option>
         <option value="6"> Item 6 </option>

      </select>

      <br><br>

      <button id="Button1"
              OnServerClick="Button_Click"
              runat="server">

         Submit

      </button>

      <br><br>

      <asp:Label id="Label1"
           runat="server"/>

   </form>

</body>

</html>

コントロールデータ ソースバインドすることにより HtmlSelect コントロール作成する方法次のコード例示します

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

<html>

<head>

   <script runat="server">

      Sub Page_Load (sender As Object,
 e As EventArgs)
  
        ' Bind the HtmlSelect control to a data source when the page
 is initially loaded.
        If Not IsPostBack Then
        
           ' Open a connection to the database and run the query.
           ' Note that the connection string may vary depending on your
           ' database server settings.
           Dim ConnectString As String
 = "server=localhost;database=pubs;integrated security=SSPI"
           Dim QueryString As String
 = "select * from authors"

           Dim myConnection As SqlConnection
 = New SqlConnection(ConnectString)
           Dim myCommand As SqlDataAdapter
 = New SqlDataAdapter(QueryString, myConnection)

           ' Create a dataset to store the query results.
           Dim ds As DataSet = New
 DataSet()
           myCommand.Fill(ds, "Authors")

           ' Bind the HtmlSelect control to the data source.
           Select1.DataSource = ds
           Select1.DataTextField = "au_fname"
           Select1.DataValueField = "au_fname"
           Select1.DataBind()
        
        End If

      End Sub

      Sub Button_Click (sender As Object,
 e As EventArgs)
        
         Dim i As Integer

         Label1.Text = "You selected:"

         For i = 0 To Select1.Items.Count -
 1
         
            If Select1.Items(i).Selected Then
               Label1.Text = Label1.Text & "<br> &nbsp;&nbsp;
 - " & Select1.Items(i).Text
            End If

         Next i

      End Sub

   </script>

</head>

<body>

   <form runat="server">

      <h3> HtmlSelect Example </h3>

      Select items from the list. <br>
      Use the Control or Shift key to select
 multiple items. <br><br>

      <select id="Select1"
              Multiple="True" 
              runat="server"/>

      <br><br>

      <button id="Button1"
              OnServerClick="Button_Click"
              runat="server">

         Submit

      </button>

      <br><br>

      <asp:Label id="Label1"
           runat="server"/>

   </form>

</body>

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

<html>

<head>

   <script runat="server">

      void Page_Load (Object sender, EventArgs e)
      {

        // Bind the HtmlSelect control to a data source when the page
 is initially loaded.
        if (!IsPostBack)
        {
      
           // Open a connection to the database and run the query.
           // Note that the connection string may vary depending on
 your
           // database server settings. 
           string ConnectString = "server=localhost;database=pubs;integrated
 security=SSPI";
           string QueryString = "select * from authors";

           SqlConnection myConnection = new SqlConnection(ConnectString);
           SqlDataAdapter myCommand = new SqlDataAdapter(QueryString,
 myConnection);

           // Create a dataset to store the query results.
           DataSet ds = new DataSet();
           myCommand.Fill(ds, "Authors");

           // Bind the HtmlSelect control to the data source.
           Select1.DataSource = ds;
           Select1.DataTextField = "au_fname";
           Select1.DataValueField = "au_fname";
           Select1.DataBind();
        }

      }

      void Button_Click (Object sender, EventArgs e)
      {
       
         // Display the selected items. 
         Label1.Text = "You selected:";

         for (int i=0; i<=Select1.Items.Count
 - 1; i++)
         {
            if (Select1.Items[i].Selected)
               Label1.Text += "<br> &nbsp;&nbsp; - " + Select1.Items[i].Text;
         }

      }

   </script>

</head>

<body>

   <form runat="server">

      <h3> HtmlSelect Example </h3>

      Select items from the list. <br>
      Use the Control or Shift key to select multiple items. <br><br>

      <select id="Select1"
              Multiple="True" 
              runat="server"/>

      <br><br>

      <button id="Button1"
              OnServerClick="Button_Click"
              runat="server">

         Submit

      </button>

      <br><br>

      <asp:Label id="Label1"
           runat="server"/>

   </form>

</body>

</html>
<%@ Page Language="JScript" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SqlClient" %>

<html>

<head>

   <script runat="server">

      function Page_Load (sender : Object, e : EventArgs) : void
      {

        // Bind the HtmlSelect control to a data source when the page
 is initially loaded.
        if (!IsPostBack)
        {
      
           // Open a connection to the database and run the query.
           // Note that the connection string may vary depending on
 your
           // database server settings. 
           var ConnectString : String = "server=localhost;database=pubs;integrated
 security=SSPI";
           var QueryString : String = "select * from authors";

           var myConnection : SqlConnection = new
 SqlConnection(ConnectString);
           var myCommand : SqlDataAdapter = new
 SqlDataAdapter(QueryString, myConnection);

           // Create a dataset to store the query results.
           var ds : DataSet  = new DataSet();
           myCommand.Fill(ds, "Authors");

           // Bind the HtmlSelect control to the data source.
           Select1.DataSource = ds;
           Select1.DataTextField = "au_fname";
           Select1.DataValueField = "au_fname";
           Select1.DataBind();
        }

      }

      function Button_Click (sender : Object, e : EventArgs) :
 void
      {
       
         // Display the selected items. 
         Label1.Text = "You selected:";

         for (var i: int=0;
 i<=Select1.Items.Count - 1; i++)
         {
            if (Select1.Items[i].Selected)
               Label1.Text += "<br> &nbsp;&nbsp; - " + Select1.Items[i].Text;
         }

      }

   </script>

</head>

<body>

   <form runat="server">

      <h3> HtmlSelect Example </h3>

      Select items from the list. <br>
      Use the Control or Shift key to select multiple items. <br><br>

      <select id="Select1"
              Multiple="True" 
              runat="server"/>

      <br><br>

      <button id="Button1"
              OnServerClick="Button_Click"
              runat="server">

         Submit

      </button>

      <br><br>

      <asp:Label id="Label1"
           runat="server"/>

   </form>

</body>

</html>

DataSourceID プロパティ使用してHtmlSelect コントロールデータ ソース指定する方法次のコード例示しますDataSourceID プロパティは、データ取得使用する SqlDataSource コントロールID プロパティ設定されます。ページ読み込まれると、HtmlSelect コントロールは、SqlDataSource コントロールによって指定されデータ ソース自動的にバインドされ、ユーザーデータ表示されます。

<%@ page language="VB" %>

<html>
<head runat="server">
    <title>HtmlSelect.DataSourceID</title>
</head>
<body>
  <form id="Form1" runat="server">
  

    <h3> HtmlSelect.DataSourceID Example </h3>

    <p>Select an item from the list</p>

    <select id="Select1"
      name="Select1"
      DataSourceId="SqlDataSource1"
      DataTextField="ProductName"
      runat="server">
    </select>
       
    <asp:sqldatasource id="SqlDataSource1"    
      
          connectionstring="workstation id=localhost;integrated
 security=SSPI;initial catalog=Northwind"
      selectcommand="SELECT * FROM [Products] Where ProductID
 <= 5"
      runat="server">
    </asp:sqldatasource>

   </form>

</body>

</html>
<%@ page language="C#" %>

<html>
<head id="Head1" runat="server">
    <title>HtmlSelect.DataSourceID</title>
</head>
<body>
  <form id="Form1" runat="server">  

    <h3> HtmlSelect.DataSourceID Example </h3>

    <p>Select an item from the list</p>

    <select id="Select1"
      name="Select1"
      DataSourceId="SqlDataSource1"
      datatextfield="ProductName"
      runat="server">
    </select>
       
    <asp:sqldatasource id="SqlDataSource1"          
          connectionstring="workstation id=localhost;integrated security=SSPI;initial
 catalog=Northwind"
      selectcommand="SELECT * FROM [Products] Where ProductID <= 5"
      runat="server">
    </asp:sqldatasource>

   </form>

</body>

</html>
.NET Framework のセキュリティ.NET Frameworkセキュリティ
継承階層継承階層
System.Object
   System.Web.UI.Control
     System.Web.UI.HtmlControls.HtmlControl
       System.Web.UI.HtmlControls.HtmlContainerControl
        System.Web.UI.HtmlControls.HtmlSelect
スレッド セーフスレッド セーフ
この型の public static (Visual Basic では Shared) メンバはすべて、スレッド セーフです。インスタンス メンバ場合は、スレッド セーフであるとは限りません。
プラットフォームプラットフォーム
バージョン情報バージョン情報
参照参照
関連項目
HtmlSelect メンバ
System.Web.UI.HtmlControls 名前空間
Size
Multiple
SelectedIndex
Items
System.Web.UI.WebControls.ListItem
System.Web.UI.WebControls.ListItemCollection
DataSource
DataSourceID
DataMember
System.Data.DataSet
DataTextField
ListItem.Text
DataValueField
ListItem.Value
InnerHtml
InnerText
その他の技術情報
HTML サーバー コントロール


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

英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「HtmlSelect クラス」の関連用語

HtmlSelect クラスのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



HtmlSelect クラスのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
日本マイクロソフト株式会社日本マイクロソフト株式会社
© 2025 Microsoft.All rights reserved.

©2025 GRAS Group, Inc.RSS