DropDownListコントロール

DropDownListコントロール

　DropDownListコントロールはWebページにドロップダウンリストを表示します。

■　主なプロパティ

■　AutoPostBackプロパティ

　リストの選択を変更した時にポストバックが発生するかどうかを設定します。

■　Itemsプロパティ

　リストの項目のコレクションを取得します。

■　SelectedIndexプロパティ

　ドロップダウンリスト内で選択された項目のインデックス番号を取得･設定します。

■　SelectedItemプロパティ

　ドロップダウンリスト内で選択された最小のインデックスを持つ項目を取得します。

■　SelectedValueプロパティ

　ドロップダウンリスト内で選択された項目の値を取得します。

■　主なイベント

■　SelectedIndexChangedイベント

　ドロップダウンリスト内の選択項目を変更した時に発生します。

　ドロップダウンリストでは、複数の項目からひとつの項目を選択することができます。選択された項目は、SelectedItemプロパティによって取得できます。また、DropDownListに項目を追加するには、Itemsプロパティのコレクションが持っているAddメソッドを実行します。

プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 DropDownListTest

サンプルダウンロード

○　デザイン

　Webフォームを追加して、次の図のように各コントロールを配置してください。

コントロールの配置例
コントロールの配置例

　デザイナーでDropDownListの項目を追加するには、プロパティウィンドウよりItemsプロパティのボタンを押し、次の図のようなダイアログを表示します。そして、「追加」ボタンで項目を追加し、「Text」プロパティに項目名を設定します。

項目の追加
項目の追加

○　プログラム

　次のように各イベントハンドラを記述してください。dlBottom_SelectedIndexChangedイベントは、dlBottomをダブルクリックするとスケルトンが表示されます。

Default.aspx.vb

  1. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  2. 　If Not IsPostBack Then
  3. 　　With DropDownList1.Items
  4. 　　　.Add("項目1")
  5. 　　　.Add("項目2")
  6. 　　　.Add("項目3")
  7. 　　　.Add("項目4")
  8. 　　End With
  9. 　　Label1.Text = "項目は選択されていません"
  10. 　　Button1.Text = "ポストバック"
  11. 　End If
  12. End Sub
  14. Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
  15. 　Label1.Text = DropDownList1.SelectedItem.Text & "が選択されました。"
  16. End Sub
  18. Protected Sub DropDownList2_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList2.SelectedIndexChanged
  19. 　Me.Label2.Text = Me.DropDownList2.SelectedItem.Text & "が選択されました。"
  20. End Sub

○　実行結果

実行結果
実行結果

　ドロップダウンリストの選択項目を表示することができました。

前へ   次へ