Hi,
I have a modal view that I want to display for creating a new record. On the modal window, I need to have three dropdown's for the user to pick a value. So I the records coming from the database with the following code:
output.HighSchools = await _highSchoolRepository
.GetAll()
.OrderBy(hs => hs.Name)
.Select(hs => new ComboboxItemDto()
{
Value = hs.Id.ToString(),
DisplayText = hs.Name,
//IsSelected = output.Prospect.HighSchool.Name == hs.Name
})
.ToListAsync();
When the modal form shows, I can see the label but the dropdown is not displayed. When I look at the Modal form with the browser's developer tools I can see the <select> tag is being written out with <input>'s for the values from the database. The dropdown's are not being displayed.
<div class="form-group form-md-line-input">
<label for="HighSchoolEdit">[HighSchool]</label>
<select name="HighSchoolEdit" class="form-control selectpicker edited" id="HighSchoolEdit" aria-required="true" required="True" data-live-search="true">
<option value="1">East St. John</option>
<option value="2">St. Stevens</option>
</select>
</div>
What is going on?