上一篇: 边距随Jquery UI Sortable而变化下一篇:jquery – 如何将一些脚本应用于...

jquery – 从dropdownlist帮助器中删除一个元素

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 从dropdownlist帮助器中删除一个元素，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有一个包含两个@ Html.DropDownListFor帮助器的视图：

<div class="editor-field">
        @Html.DropDownListFor(model => model.employee,(IEnumerable<SELEctListItem>)ViewBag.emps,"--SELEct--",new { style = "width:150px",id = "ddl1"})
        @Html.ValidationmessageFor(model => model.employeE)
    </div>
    <div class="editor-field">
        @Html.DropDownListFor(model => model.employee2,id = "ddl2"})
        @Html.ValidationmessageFor(model => model.employee2)
    </div>

它们的填充方式如下：

public ActionResult Create()
    {
        List<employees> emps = new List<employees>();
        emps.Add(new employees { Id = 0,Name = "Michael Jordan" });
        emps.Add(new employees { Id = 1,Name = "Magic Johnson" });
        emps.Add(new employees { Id = 2,Name = "Larry Bird" });

        var items = emps.SELEct(i => new SELEctListItem
        {
            Value= i.Id.ToString(),Text =i.Name
        });
        ViewBag.emps = items;
        return View();
    }

如何从第二个DDL中删除第一个DDL的选定项目？
我设法使用jQuery获取所选项目,如下所示：

<script type="text/javascript">
$(function () {
    $("#ddl1").change(function () {
        alert($("#ddl1").val());
    });
});
</script>

但是,我找不到将它用于我的目的的方法.

解决方法

这样的东西必须适合你：

$(function(){
    var lists = $('#ddl1,#ddl2');
    lists.change(function(){
        var elm = $(this);
        lists.find('option').show();
        var option = lists.not('#' + this.id)
            .find('option[value="' + elm.val() +'"]').hide();

        if(option.is(':SELEcted'))
        {
            var SELEct = option.closest('SELEct');
            SELEct.val(SELEct.find('option:visible:first').val());
        }
    });
});