なんか、呪文みたいなタイトルになってしまったが、言いたいことは、Blazorが.NET6から、複数指定(multiple)selectのbindをサポートしたというお話。
どういうことかというと、以下の例を見て頂ければわかると思う。
@page "/"
<h2>Multiple Select Bind</h2>
<select style="width:200px" multiple size="6" @bind="SelectedColors">
<option value="red">赤</option>
<option value="blue">青</option>
<option value="green">緑</option>
<option value="magenta">紫</option>
<option value="yellow">黄</option>
<option value="orange">橙</option>
</select>
<br/>
@foreach(var c in SelectedColors) {
<div style="width:100px;height:30px;background-color:@c"></div>
}
@code {
protected string[] SelectedColors = new string[] {};
}
なお、配列のサイズは動的に変更される。つまり、上記の例では、SelectedColors.Length=3だが、下記の実行例では、SelectedColors.Length=2となる。

検索とかで、複数カテゴリなどを選択するときなどに結構便利。





Users Today : 2
Users Yesterday : 37
Users Last 7 days : 186
Users Last 30 days : 1080
Users This Month : 1009
Users This Year : 4357
Total Users : 98872
Views Today : 3
Views Yesterday : 46
Views Last 7 days : 239
Views Last 30 days : 1280
Views This Month : 1203
Views This Year : 5260
Total views : 137706
Who's Online : 0