2016-05-10 12 views
0

DropDownListコード:ドロップダウン値選択取得し、この値は、リストに追加する方法

<div class="col-md-4"> 
    @Html.DropDownListFor(
     model => model.EmpID, 
     new SelectList(Model.EmployeeList(), "Value", "Text", Model.EmpID), 
     new { @class = "form-control" } 
    ) 
</div> 

jQueryDropDownList用:

<script> 
    $(document).ready(function() { 
     $("#EmpID").change(function() { 
      var item = $("#EmpID option:selected").text(); 
      alert(item) 
      $(".test").append(item); 
      $("#EmpID").remove(item); 
     }); 
    }); 
</script> 

EmployeeListDropDownのため:私が選択するたびに

public List<SelectListItem> EmployeeList() 
{ 
    List<SelectListItem> ProjectList = mp.EmployeeMasters.Select(o => new SelectListItem() 
    { 
     Text = o.Firstname +" "+ o.Lastname, 
     Value = o.EmpID 
    }).ToList(); 
    return ProjectList; 
} 

dropdown eとこの値を追加してDrodownListから削除しますが、これはこのコードでは機能しません。ここにあなたの$("#EmpID").remove(item);

+2

'item'に格納されているテキストを削除します。 '$("#EmpIDオプション:selected ")'を削除する必要がありますか? – Bhumika107

+0

サイドノート:あなたのveiwコードを '@Html.DropDownListFor(m => m.EmpID、Model.EmployeeList()、new {@class ="フォームコントロール "})' '('最初のものは無意味です) –

+0

私は店のテキストがどこにあるのか分かりません。 – Anant

答えて

0

使用$('option:selected', this).remove(); inseteadはworking exampleです。

関連する問題