selectタグでbindし、選択すると動的なテーブルが非表示になってしまう。

Question

blazor severのPageにおいて以下のコードを実装しています。

<div class="form-wrap">
    <label for="prefectures">所在地（都道府県）</label>
    <select id="prefectures" name="prefectures" @bind=_selectCityId>
        <option value="0"></option>
        @foreach (var t in @_cityList)
        {
            <option value=@t.CityId>@t.CityName</option>
        }
    </select>
</div>

<table>
    <tr>
        <th>データ</th>
    </tr>
    
        @for (int i = ０; i <  _dataList.Count; i++)
        {
            if (_displayCount == TR_NUM) break;
            var view = _dataList[i];
            <tr>
                <td>@view.Name</td>
            </tr>

            _displayCount++;
        }    
</table>

@code {
private List<CityTable> _cityList = new List<CityTable>();
private List<DataView> _dataList = new List<DataView>();
int _selectCityId;

protected override async Task OnInitializedAsync()
{
    _dataList = await DataService.GetDataList();
    _cityList = await MstService.GetCityList();
}

初期時に表示されていたデータのリストが、都道府県を選択すると消えてしまいます。
何故消えてしまうのか、選択しても消えないようにするにはどのようにすればいいでしょうか？

Answer 1

_displayCountを更新しておらず、解決しました。