when click clear button drop down not change selection to first item s

I working on blazor server side i face issue I can't remove drop down list multi selection when click clear button .

I expect when I have more than one item selected on drop down list and click clear button

then it will make selection to first item select or remove focus on drop down list

what I try



       div style="display:flex; flex-direction: row; align-items: center;">
                    Database Name

@Code { private IEnumerable databasenames = Array.Empty(); private ApplicationsData appsdata = new ApplicationsData(); public class DatabaseClass { public int databaseId { get; set; } public string databaseName { get; set; } } public class ApplicationsData { public string DatabaseList { get; set; } } void SelecteddatabaseChanged(ChangeEventArgs e) { if (e.Value is not null) { Selecteddatabase = (string[])e.Value; string concatevalue = string.Join(", ", Selecteddatabase); appsdata.DatabaseList = concatevalue; } } } public void Clear() { appsdata.DatabaseList = ""; }

public void Clear() { Selecteddatabase = databasenames.Any() ? new string[] { databasenames.First().databaseName } : new string[] { }; appsdata.DatabaseList = string.Join(", ", Selecteddatabase); }