Javascript MVC-更改下拉选择上的标签-强类型视图
模型-Employee.csJavascript 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
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.检查我给出的编辑过的答案