Javascript MVC-更改下拉选择上的标签-强类型视图

Javascript MVC-更改下拉选择上的标签-强类型视图,javascript,jquery,asp.net-mvc,asp.net-mvc-4,razor,Javascript,Jquery,Asp.net Mvc,Asp.net Mvc 4,Razor,模型-Employee.cs public class Employee { public int id { get; set; } public string name { get; set; } public int age { get; set; } public List<Employee> lstEmployees { get; set; } } public ActionResult Index() { Empl

模型-Employee.cs

public class Employee
{
    public int id { get; set; }
    public string name { get; set; }
    public int age { get; set; }

    public List<Employee> lstEmployees { get; set; }
}
public ActionResult Index()
    {
        Employee emp = new Employee();
        emp.lstEmployees = new List<Employee>();
        emp.lstEmployees.Add(new Employee() { id = 1, name = "ABCD", age = 15 });
        emp.lstEmployees.Add(new Employee() { id = 2, name = "EFGH", age = 25 });
        emp.lstEmployees.Add(new Employee() { id = 3, name = "IJKL", age = 35 });

        ViewBag.EmpList = emp.lstEmployees;

        return View();
    }
公共类员工
{
公共int id{get;set;}
公共字符串名称{get;set;}
公共整数{get;set;}
公共列表{get;set;}
}
控制器-EmpController.cs

public class Employee
{
    public int id { get; set; }
    public string name { get; set; }
    public int age { get; set; }

    public List<Employee> lstEmployees { get; set; }
}
public ActionResult Index()
    {
        Employee emp = new Employee();
        emp.lstEmployees = new List<Employee>();
        emp.lstEmployees.Add(new Employee() { id = 1, name = "ABCD", age = 15 });
        emp.lstEmployees.Add(new Employee() { id = 2, name = "EFGH", age = 25 });
        emp.lstEmployees.Add(new Employee() { id = 3, name = "IJKL", age = 35 });

        ViewBag.EmpList = emp.lstEmployees;

        return View();
    }
public ActionResult Index()
{
员工emp=新员工();
emp.lstmemployees=新列表();
添加(新员工(){id=1,name=“ABCD”,age=15});
Add(newemployee(){id=2,name=“EFGH”,age=25});
添加(newemployee(){id=3,name=“IJKL”,age=35});
ViewBag.EmpList=emp.lstEmployees;
返回视图();
}
查看-Index.cshtml

@Html.DropDownListFor(m => m.id, new SelectList(ViewBag.EmpList, "id", "name"), new { onchange = "SelectedIndexChanged(this)" })


   <script type="text/javascript">
   function SelectedIndexChanged(p) {

   }
   </script>
@Html.DropDownListFor(m=>m.id,新建SelectList(ViewBag.EmpList,“id”,“name”),新建{onchange=“SelectedIndexChanged(this)”)
功能已选择索引已更改(p){
}
我想在标签上显示年龄
@Html.LabelFor(model=>model.age)
更改下拉列表的选择时。

尝试此操作

<script type="text/javascript">
  function SelectedIndexChanged(element) {
     var optionSelected = $("option:selected", element);
     var selectedAge = $(optionSelected).attr('data-age');
     $('label[for="age"]').text(selectedAge);
  }
</script>

他只想要年龄而不是全部价值试一下我给出的答案,然后让我知道1.检查我给出的编辑过的答案