MVC - 在下拉选择更改标签（S） - 强类型查看

Question

模型 - 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; } 
} 

控制器 - EmpController.cs

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(); 
    } 

VIEW - 指数。 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.LabelFor(model => model.age) 关于下拉选择的更改。

Answer 1

试试这个..

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

它将与下拉值添加标签文本.. 你也可以用这个尝试：$('label[for="age"]').html(selectedAge);

编辑：

<select name="id" id="id" onchange="SelectedIndexChanged(this)"> 
    @if(ViewBag.EmpList != null) 
    { 
     foreach(var item in ViewBag.EmpList){ 
      <option value="@item.id" data-age="@item.age">@item.name</option> 
     } 
    } 
</select>