Заполните TextBox для значений, когда DropDownList при изменении из модели

Question

У меня есть список профилей пользователей, который возвращается в моей модели. Имя профиля пользователя возвращается в DropDownList. Когда я выбираю имя в DropDownList, мне нужно заполнить TextBoxFor соответствующими значениями.

Моя модель;

public class Profiles
{
    public List<ProfileList> profiles { get; set; }
}

public class ProfileList
{
    public string id { get; set; }
    public string title { get; set; }
    public string firstName { get; set; } 
    public string surname { get; set; }
    public DateTime dateOfBirth { get; set; }
}

Мой фрагмент кода:

<div class="row init-row">
     <div class="col">
          <div class="label-count">
              @{ var paxNo = i + 1;}
              @Html.Label("PASSENGER #", "PASSENGER #" + paxNo.ToString())
          </div>
          @{
             List<SelectListItem> otherPax = new List<SelectListItem>();
             otherPax.Add(new SelectListItem { Text = "SELECT A PROFILE", Value = "0" });
             foreach (var pax in Model.profiles)
             {
                otherPax.Add(new SelectListItem { Text = pax.firstName + " " + pax.surname, Value = idString });}
                @Html.DropDownList("otherProfile", otherPax)
             } 
              </div>
           </div>
           <div class="row">
               <div class="col">
                  @Html.HiddenFor(model => model.passengers.otherPassengers[i].Id)
                  @Html.DropDownListFor(model => model.passengers.otherPassengers[i].title, Titles.TitleListItems(), "TITLE")
               </div>
        </div>
           <div class="row">
              <div class="col">
                   <div class="col-2">
                        <div class="input-wrap">
                             @Html.TextBoxFor(model => Model.passengers.otherPassengers[i].firstName, new { id="firstName", placeholder = "First name" })
                        </div>
                      </div>
                   </div>
           </div>
                   <div class="col">
                       <div class="input-wrap">
                           @Html.TextBoxFor(model => model.passengers.otherPassengers[i].lastName, new { placeholder = "Last name" })
                       </div>
                   </div>
                <div class="row">
                   <div class="col">
                      @Html.TextBoxFor(model => model.passengers.otherPassengers[i].dateOfBirth, "{0:ddMMyyyy}", new { @class = "date", id = "dateOfBirthOtherPax", placeholder = "DATE OF BIRTH" })
                   </div>
                </div>
</div>

Любая помощь очень ценится.

Answer 1

Работаем, используя несколько событий в обработчике onchange