DropDownListの選択にnullを指定したい場合

Question

VisualStudio2019のASP.NET Core MVCを使用して、ドロップダウンリストを作成しております。

目的:
ドロップダウンリストの初期表示時（"選択してください"）は未選択状態（null）と認識させたい。

@Html.DropDownListFor(Model.TestID,new SelectList(Model.TestList,"Key","Value"),"選択してください",new｛@class = "test"｝)

上記部分にある"選択してください"の部分にnullを指定したいのですが、やり方がわかりません。

試したこととしましては、SelectListのところでnullを指定したりしておりました。

以上、よろしくお願いいたします。

Comments

[退会済みユーザー]

ASP.NET の何を作っているかと開発環境を書きましょう。

[SK.IM]

> SurferOnWww 様
ご指摘ありがとうございます。
追記いたしました。

[退会済みユーザー]

> 追記いたしました。

見当たりませんが？　「ASP.NET の何を作っているかと開発環境を書きましょう」とお願いしたのですが、話は通じてますか？　

何を作っているか？＝Web Forms, MVC, Razor Pages などいろいろあるがどれか？

開発環境＝OS, Visual Studio のバージョン、.NET Framework なのか Core なのかとそのバージョン

[SK.IM]

> SurferOnWww 様
そういうお話ですね。申し訳ございません。
改めまして、追記いたしました。

[退会済みユーザー]

OS はなんですか？ Windows 10?　Core だそうですがそのバージョンは？

ユーザーがドロップダウンリストから null を選択後どうするのですか？　たぶん、その値をサーバーに送信して DB に NULL として反映させるのであろうと想像していますが、アクションメソッドで受け取る値をどうするのですか？　Model の定義はどうなっているのですか？

[退会済みユーザー]

JavaScript と HTML のタグは関係ないので外してください。

[退会済みユーザー]

質問者さん、その後無言ですか、回答したのでそれに対するフィードバックを書きましょう。役に立った/立たなかったぐらいはすぐにでもフィードバックできるのでは？　役に立たなかっらならどこがダメだったか書くと望む回答により近いものが出てくるかも。とにかく無言で放置は NG です。

Answer 1

質問欄のコメントに書いた、

ユーザーがドロップダウンリストから null を選択後どうするのですか？　たぶん、その値をサーバーに送信して DB に NULL として反映させるのであろうと想像していますが、アクションメソッドで受け取る値をどうするのですか？　Model の定義はどうなっているのですか？

・・・に返事がないので、勝手に想像して答えておきます。想像が違っていたらどこがどう違うのかをコメント欄に書いてください。

まず、Mac ではなくて Windows 10 を使っていて、Core 3.1 以降のバージョンが前提。Mac でどうなるかは知りません。

質問に書いてあった DropDownListFor のコードが問題なく動いているのか疑問ですが、そこはちょっと置いといて・・・

例えば DropDownList メソッドの第三引数に以下のように "NULL" という文字列を設定したとすると（"選択してください" でも OK です）、

@Html.DropDownList("CategoryId", null, "NULL", htmlAttributes: new { @class = "form-control" })

それが html にレンダリングされると以下のようになります。value="" で NULL という項目が追加されているところに注目してください。

<select class="form-control" id="CategoryId" name="CategoryId">
  <option value="">NULL</option>
  <option 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 selected="selected" value="6">Meat/Poultry</option>
  <option value="7">Produce</option>
  <option value="8">Seafood</option>
</select>

ドロップダウンリストを開くと NULL という選択肢が含まれるようになるので、それを選択して POST すれば、データは「CategoryId=」という形でフォームに含まれて送信されます。

問題はアクションメソッドでそれをどのように受け取って処理できるかだと思います。

例えば Model が以下のように定義されているとするとします。CategoryId プロパティの型が int? であるところに注目してください。、

public partial class Product
{
    [Key]
    [Column("ProductID")]
    public int ProductId { get; set; }
    [Required]
    [StringLength(40)]
    public string ProductName { get; set; }
    [Column("SupplierID")]
    public int? SupplierId { get; set; }
    [Column("CategoryID")]
    public int? CategoryId { get; set; }

    // ・・・中略・・・

}

それをアクションメソッドの引数に使って以下のようにモデルバインディングすれば良さそうです。

CategoryId が null になっているところに注目してください。それを DB に反映したいということであれば、Edit アクションメソッドであれば以下のようにすれば OK です。

_context.Update(product);
await _context.SaveChangesAsync();