質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.50%

  • C#

    9065questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • ASP.NET

    627questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

ASP.NET C#でドロップダウンリストのSelectedIndexChangedイベントで他のドロップダウンリストを変化させる。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 389

dorado

score 3

 前提・実現したいこと

ドロップダウンリストは親子関係が存在する。

親ドロップダウンリスト:
ドロップダウンリスト1や2には「果物」「乗物」「飲物」などが入っています。

子ドロップダウンリスト:
ドロップダウンリストで選択された種類に応じた数値や文字列が入っています。
果物:ブドウ、リンゴ、ナシ
乗物:車、電車、飛行機

ドロップダウンリスト1(親)でユーザーが「果物」を選択すると、ドロップダウンリスト1-1(子)に果物リストが出てくるようにしたい。
ドロップダウンリスト2(親)でユーザーが「乗物」を選択すると、ドロップダウンリスト2-1(子)に乗物リストが出てくるようにしたい。
ドロップダウンリスト2(親)でユーザーが「果物」を選択することも勿論可能。

ドロップダウンリスト(親)でユーザーが値を選択すると、その選択されたドロップダウンリスト(親)に関連した特定のドロップダウンリスト(子)が更新される。
を実現したい。
※プロジェクト背景は質問末尾に記載

 発生している問題・エラーメッセージ

SelectedIndexChangedイベントは正しく使用できており、
またUpdatePanelを利用して非同期にドロップダウンリスト(子)を変化させることもできています。

1つのSelectedIndexChangedイベントで全てのドロップダウンリスト(親)の変化イベントを取得したい場合、
自身のドロップダウンリスト(親)とそれに関連したドロップダウンリスト(子)の紐付け方がわかりません。

ドロップダウンリスト(親)によるイベントを2つ作れといわれればそれまでですし、
関数の中で分岐処理を作れといわれればそれまでなのですが・・・。
数が10コぐらいあるので1つのイベントでやりたいと思っています。

 該当のソースコード

ASP.NET、C#

 プロジェクト背景

データベースから取得した情報をGridViewで表示したい。GridViewはDataTableを使用してBindさせること。
ユーザーがドロップダウンリスト(親)で条件を指定し、またその条件にあった選択肢をドロップダウンリスト(子)で非同期にデータベースから取得し更新すること。
ドロップダウンリスト(親-子)は10組ほど用意し、1レコードまでの絞込みを十分可能とすること。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • SurferOnWww

    2018/09/29 16:07

    ASP.NET Web Forms アプリということでいいのですか? 開発環境(OS, .NET, Visual Studio のバージョンなど)は必ず書くようにしてください。それによって話が違ってくるのはよくあることですので書かないのはNG。

    キャンセル

  • SurferOnWww

    2018/09/29 16:20 編集

    質問が抽象的で何をしたいのかはっきり分かりません。だぶん元はデータベースだと思いますが、であれば、Microsoft のサンプルデータベース Northwind, Pubs, AdventureWorks どれでもいいですからそれをベースにやりたいことを説明できませんか?

    キャンセル

  • SurferOnWww

    2018/10/01 15:12

    上記のお願いはやる気なし&無視ですか?

    キャンセル

回答 1

checkベストアンサー

+3

質問者さんはどこかに行ってしまったようですね。

このまま放置されて終わるのも何ですので、質問者さんへの直接の回答ではないですが、コミュニティへの情報提供の意味で 2, 3 書いておきます。

ドロップダウンリスト1(親)でユーザーが「果物」を選択すると、ドロップダウンリスト1-1(子)に果物リストが出てくるようにしたい。

上記は、例えば、以下のようなデータベースがあって、ユーザーがドロップダウンリスト1(親)の Categories の中からある分類を選択すると、ドロップダウンリスト1-1(子)に Products から分類に従って選択された商品が表示されるということと理解します。

イメージ説明

その場合は、SelectedIndexChanged イベントとそのハンドラを使う必要はなく、SqlDataSource を使って SelectParameters の設定をするだけで、ポストバックすれば(同期 / 非同期どちらでも)、パラメータが変更されたか否かを検出して処置してくれます。

具体的なコードは以下の通り。

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeFile="0054-DropDownListsAndGridView.aspx.cs" 
    Inherits="_0054_DropDownListInGridView" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:SqlDataSource ID="SqlDataSource3" runat="server" 
            ConnectionString="<%$ ConnectionStrings:NORTHWINDConnectionString %>" 
            SelectCommand="SELECT [CategoryID], [CategoryName] FROM [Categories]">
        </asp:SqlDataSource>

        <asp:SqlDataSource ID="SqlDataSource4" runat="server" 
            ConnectionString="<%$ConnectionStrings:NORTHWINDConnectionString %>" 
            SelectCommand="SELECT [ProductID], [ProductName] FROM [Products] 
                           WHERE ([CategoryID] = @CategoryID)">
            <SelectParameters>
                <asp:ControlParameter ControlID="DropDownList3" 
                    Name="CategoryID" PropertyName="SelectedValue" 
                    Type="Int32" />
            </SelectParameters>
        </asp:SqlDataSource>

        Category:
        <asp:DropDownList ID="DropDownList3" runat="server" 
            AutoPostBack="True" DataSourceID="SqlDataSource3" 
            DataTextField="CategoryName" DataValueField="CategoryID">
        </asp:DropDownList>
        <br />
        Products:
        <asp:DropDownList ID="DropDownList4" runat="server" 
            DataSourceID="SqlDataSource4" DataTextField="ProductName" 
            DataValueField="ProductID">
        </asp:DropDownList>
    </form>
</body>
</html>

結果は以下のようになります。

イメージ説明

次の、

ドロップダウンリスト2(親)でユーザーが「乗物」を選択すると、ドロップダウンリスト2-1(子)に乗物リストが出てくるようにしたい。

ですが、これも上に書いた Products と Categories を同様なテーブルがあれば同じようにできるはずです。

ただし、その先の、

ドロップダウンリスト2(親)でユーザーが「果物」を選択することも勿論可能。

以降は意味が分かりませんので何の提案もできませんが。

あと、Ajax Control Toolkit に CascadingDropDown というものがあります。ご参考まで。

CascadingDropDown Demonstration
https://ajaxcontroltoolkit.devexpress.com/CascadingDropDown/CascadingDropDown.aspx

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

同じタグがついた質問を見る

  • C#

    9065questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • ASP.NET

    627questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

  • トップ
  • C#に関する質問
  • ASP.NET C#でドロップダウンリストのSelectedIndexChangedイベントで他のドロップダウンリストを変化させる。