在 Select2 下拉菜单中设置默认值

Question

我已经通过以下方式在 MVC 表单上声明了一个 select2 下拉菜单：

@Html.DropDownListFor(m => m.ContactGroup.Id, Model.ContactGroupSelectList, "Select a Contact Group")

这会按预期填充并显示初始值。在另一个下拉列表的更改事件中，我想将上面的设置回默认值（默认情况下，我的意思是占位符值 "Select a Contact Group" 所以它不是实际数据的一部分）。如果我执行以下任一操作，它会将值设置回空字符串（空白）。我已经在网上找遍了，但没有找到解决方案：$('#ContactGroup_Id').select2("val", "Select a Contact Group"); $('#ContactGroup_Id').select2("val", "0");

Answer 1

控制器操作：

public ActionResult Shop()
{
    var fruits = new List<object>();
    var vegetables = new List<object>();

    fruits.Add(new { ID = 0, Name = "Banana" });
    fruits.Add(new { ID = 1, Name = "Mango" });

    vegetables.Add(new { ID = 0, Name = "Spinach" });
    vegetables.Add(new { ID = 1, Name = "Potatoes" });

    ViewBag.Fruits = new SelectList(fruits, "ID", "Name");
    ViewBag.Vegetables = new SelectList(vegetables, "ID", "Name");

    return View();
}

查看：

<script src="~/Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
    $(function () {
        $("#Vegetables").change(function () {
            //When a value is changed in the Vegetables drop down set the Fruits dropdown to "Select a fruit"
            $("#Fruits").val($("#Fruits option:first").val());
        });
    });
</script>
@Html.DropDownList("Fruits", ViewBag.Fruits as SelectList, "Select a fruit")
@Html.DropDownList("Vegetables", ViewBag.Vegetables as SelectList)

Answer 2

假设您希望默认值为 0，在 javascript 中尝试：

$('#ContactGroup_Id').val('0');

如果不起作用请回复

Answer 3

以下将第一个 (null) 选项设置为选中

$('#ContactGroup_Id').select2("val", "", "placeholder", "Select a Contact Group");

Answer 4

$("#select2List").val("");
$("#select2List").select2().select2("val", "", "placeholder", "--select--");

在 Select2 下拉菜单中设置默认值

setting the default value on a Select2 dropdown

asp.net-mvc

jquery

select2