DropDownListの選択値って何？どこいくの？

Question

MVC、Visual Basic、SQLを用いてデータベース管理画面の作成をしています。
①DBから取得してきた値を　単一を選択するドロップダウンリスト　の値としてセット
②ユーザーが実際に画面に表示されたリストからどれかを選択した状態で検索ボタン押下
③選択された値で再度DBで絞り込み検索
④画面に一覧表示
のような動きを作成しています。

環境はVisual Stadio　MySQLです。

知りたいこと

コードに問題がある　というわけではないのですが純粋に
「ドロップダウンリストで選択されたもの」は
・なにで(文字列なのか番号なのか...？)かえってくるんだろう
・どこに値として渡されるのだろう
とふと思い、検索をしてみました。

単純すぎますが、
「ASP.Net DropDownList 選択値　何」
「ASP.Net DropDownList 選択値　どこへいく」
「ASP.Net DropDownList 選択値　取得」
等で調べましたが逆に分からなくなってしまいました。

求める回答

・DropDownListの選択値は何ですか
例：DBで取得した値　→　ViewModelのプロパティに渡す
パンダ
うさぎ
ライオン
でDropDownListから、例えば「うさぎ」を選択した際に
「うさぎ」のような文字列が渡されるのか
上から=0 =1 =2のように内部的にナンバリングされていて= 1が渡されるのかもしくは全く違うものか

・DropDownListの選択値は　検索ボタン押下時にどこへ渡るのか
予想はViewModelですかね

です。
何卒よろしくお願いいたします。

追記

開発環境　Windows10　Visual stadio2019　.NET Framework　MVC5　です。
また、初めての質問で大変申し訳ないのですが、別にエラーや問題があるわけではなく異常なく動いたうえでの素朴な疑問になります。
疑問点は求める回答の項をご覧ください。

※問題があるわけではないので問題点・エラーの項の名称を知りたいことに変更しました。

追記2

Controller

' 初期表示
<HttpGet>
Pubric Function Animal(Model as AnimalViewModel)As ActionResult
    Dim AnimalM As AnimalModel

    Return View(AnimalM.AnimalGet)
End Function

' 再帰
<param name="argModel">ビューモデル</param>
<return>ActionResult</return>
<HttpPost, ValidateInput>
Pubric Function SearchAnimal(Model as AnimalViewModel)As ActionResult
    ※まだ組み立ててないのでないです
    Return View《選択されたものから再度DBでSELECTした検索結果を返したい》
End Function

AnimalModel

Pubric Function AnimalGet()As AnimalViewModel
    Dim selectanimal As New AnimalViewModel

    ' DBを呼び出してリスト取得
    Using db = New Dbclass.AnimalDb
        Using dt = New DataTable
            selectanimal.Animallist = db.GetAnimalName(dt)
        End Using
    End Using

    Return selectanimal
End Function

Public Property Animallist as Selectlistitem

AnimalDb

' メソッド
Pubric Function GetAnimalName(ByVal argDt As DataTable)As SelectList
    
    Return New SelectList(Me.getanimalnameforSql, argDt.Columns.ColumnName)
End Function


' SQL
Private getanimalnameforSql As String = <Query><![CDATA[
    SELECT 
          Name
    FROM
          Animal
]]</Query>.Value.Trim()

AnimalViewModel

'''動物の名前リスト
Public Property Animallist as Selectlist

view

<div class="row mt-3">
    <div class="col mt-3">
        <p>どうぶつさんをせんたくしてボタンをおそう！</p>
    </div>
</div>

@Using Html Beginform()
    @<text>
        <div class="from-row form-group">
            <div class="col mt-3">
                @Html.DropDownListfor(Function(model) model.Animallist, Model.Animallist New With{.class = "form-control form-control-sm" })
            <div>
        <div>
    </text>
End Using

Comments

[退会済みユーザー]

開発環境（OS, Visual Studio のバージョン、.NET Framework / Core どちらかとそのバージョン）を書けませんか？

[退会済みユーザー]

簡単なサンプルでいいのでコードを書いて、それにおけるあなたの疑問点を説明してください。

[退会済みユーザー]

あなたの言う DropDownList のサンプルコードを書いてください。MVC でも書き方はいろいろあります。書けないと言うなら自分は撤退します。

[miinooos.stella]

今から書くので少々お待ちください

[退会済みユーザー]

書かれたコードに DropDownList は見つからないのですが、どれのことを言ってますか？

[miinooos.stella]

view の10行目です

Answer 1

・DropDownListの選択値は何ですか

DropDownList に渡す SelectList オブジェクトの内容、即ちそれにより DropDownList から html ソースがどのような形に生成されるかによります。

質問者さんのコードでは AnimalModel の db.GetAnimalName(dt) がその SelectList オブジェクトになるようですが、質問のコードからは中身が分からないので、質問のケースで「選択値」が何になるかは分かりません。

例を書くと、以下の記事のように、

DropDownList への SelectList の渡し方
http://surferonwww.info/BlogEngine/post/2019/02/25/how-to-give-selectlist-object-to-dropdownlist.aspx

SelectList を、

ViewBag.CategoryID = 
    new SelectList(db.Categories, "CategoryID", 
                   "CategoryName", products.CategoryID);

というように生成して View の DropDownList に渡した場合、それから生成される html ソースは以下のようになります。

<select class="form-control" id="CategoryID" name="CategoryID">
  <option selected="selected" value="1">Beverages</option>
  <option value="2">Condiments</option>
  <option value="3">Confections</option>
  <option value="4">Dairy Products</option>
  <option value="5">Grains/Cereals</option>
  <option value="6">Meat/Poultry</option>
  <option value="7">Produce</option>
  <option value="8">Seafood</option>
</select>

この状態でボタンクリックで送信する（＝ form を submit する）と、上の option の中では Beverages が選択されているので、それに該当する option 要素の value である 1 が送信されます。具体的には、select 要素の name 属性が CategoryID となっているのでそれと value の値が組み合わされて CategoryID=1 というデータが送信されます。

・DropDownListの選択値は　検索ボタン押下時にどこへ渡るのか

上に述べたように CategoryID=1 というようなデータが送信されますが、「どこへ渡るのか」はアクションメソッドで取得するためのコードがどのように書かれているかによります。

質問者さんのケースでは、コントローラーで AnimalViewModel クラスの Aniimallist プロパティに SelectList を設定して、 AnimalViewModel をビューに渡しているようですが、例えば以下のコードのような簡単な SelectList を作って、

public ActionResult DropDown()
{
    AnimalViewModel model = new AnimalViewModel();
    model.Animallist = new SelectList(new List<string> { "パンダ", "うさぎ", "ライオン" });

    return View(model);
}

ビューに以下のようにして渡した場合、

@model Mvc5App.Controllers.AnimalViewModel

@using (Html.BeginForm())
{
    @Html.DropDownListFor(m => m.Animallist, null)

    <br />

    <input type="submit" value="Post" />
}

それから生成される html ソースは以下のようになります。select 要素の name 属性がプロパティ名 Animallist になっているところに注目してください。

例えば「うさぎ」を選んで送信すると、以下のように Animallist=%E3%81%86%E3%81%95%E3%81%8E というように送信されます（option 要素に value 属性がないので「うさぎ」という文字列が送信されます。「うさぎ」の UTF-8 コードをパーセントエンコーディングすると %E3%81%86%E3%81%95%E3%81%8E になります）。

それをアクションメソッドで取得するためには、例えば以下のように引数の名前をプロパティ名 animallist（大文字小文字は区別しない）にしておけばそれにバインドされます。

Comments

[miinooos.stella]

お忙しい中ありがとうございます。
すごく分かりやすいです！！

私としては｢うさぎ｣のような文字列で取得したいので(※このあと再度DBでWHERE '(選択したリストの値)'といった絞り混みでの取得)値についてはこのままいきます。

選択値がどこにいくかわからなかったため、コードの中で迷子になってしまっていましたがなるほどPost先で受け皿(？)を作れば分かりやすいですね！そんなやり方もあるんですね…

いろいろと分かりにくい質問の仕方をしてしまい申し訳ありませんでした。
本当にありがとうございました！