如何获取下拉选定值和此值加载项列表

Question

DropDownList代码：

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

DropDownList的jQuery：

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

EmployeeList用于DropDown:

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值并附加该值并从DrodownList中删除时，但这对该代码不起作用。

Answer 1

使用$('option:selected', this).remove();代替$("#EmpID").remove(item);

下面是一个工作示例。