MVC - ドロップダウン選択の変更ラベル（S） - 厳密に型指定されたビュー

Question

MODEL - 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; } 
} 

CONTROLLER - 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>