Как получить доступ ко всему объекту razor выбранного элемента выпадающего списка в файле cshtml через jQuery?

#javascript #jquery #asp.net-mvc #twitter-bootstrap #razor

Вопрос:

Извините, я думаю, название вопроса немного запутано, я постараюсь правильно объяснить ниже.
У меня есть модель User :

 public class User
{
   public int Id { get; set; }
   public string Name { get; set; }
   public int Age { get; set; }
}
 

И я создал пару объектов этого класса на контроллере, например:

 |  Id  | Name  | Age |
|------|-------|-----|
| 1111 | John  | 25  |
| 2222 | Sara  | 21  |
| 3333 | Pavel | 34  |
 

На моей html-странице у меня есть простой раскрывающийся список начальной загрузки, в котором я могу выбрать из всех пользователей желаемого, например «Джон», «Сара» или «Павел». В этом выпадающем списке отображаются только имена пользователей, никакой другой информации. Для этого я отправил список со всеми пользователями в представление через действие контроллера через ViewBag , например ViewBag.Users . А затем использовал его в файле cshtml следующим образом:

 <select id="inputUsers" class="form-control custom-select" required>
    @{
         foreach (var user in ViewBag.Users)
         {
             <option>@user.Name</option>
         }
    }
</select>
 

Он показывает правильно, но после выбора имени желания я тоже хочу использовать другие свойства пользователя в своем скрипте jQuery. Например, если я выбрал «Сара», я хочу использовать и другую ее информацию, например, идентификатор(2222) и ее возраст(21) в сценарии jQuery.

В конце концов, я хочу использовать что-то вроде этого сценария:

 $('#inputUsers').change(function () {
    var userName = $('#inputUsers').val();

    //Something like this. But i don't know how to get access to userAge and userId ;(
    //alert('Hello'   userName   '! Your age is'   userAge   '. And your Id is'   userId) 
});
 

Как я могу получить доступ ко всему объекту пользователя с выбранным именем?