如何在mvc 4中使用多重选择？

我想使用多重选择Chosen http://harvesthq.github.com/chosen/。 我有类似的技能模型，

public class Skill 
    {
        public int Id { get; set; }
        public string Name { get; set; }        
    }

这在我的应用程序中有效：

    <select data-placeholder="Choose a Country..." class="chzn-select" multiple >
           <option value=""></option>
           <option value="United States">United States</option>
           <option value="Albania">Albania</option>
           <option value="Algeria">Algeria</option>
   </select>

我想用我的数据替换国家/地区数据。在控制器中我写：

        var list = MyService.LoadAllSkills();
        ViewBag.Skills = new MultiSelectList(list, "Id", "Name");

In view:

@Html.ListBox("Name", ViewBag.Skills as MultiSelectList,
              new { @class = "chzn-select" } )

查看结果@Html.ListBox() and @Html.DropDownList()不像<select>

我得到这样的结果：

但是，我想得到结果

如何更改所选样本？

我可以看到硬编码示例（您所说的有效）和使用 ListBox 帮助程序生成的示例之间的唯一区别是缺少data-placeholder属性。所以：

@Html.ListBox(
    "Countries", 
    ViewBag.Skills as MultiSelectList,
    new { @class = "chzn-select", data_placeholder = "Choose a Country..." } 
)

这至少应该生成与您所说的工作相同的标记。如果它不起作用，那么可能是您没有正确设置插件，或者有其他一些 JavaScript 错误。阅读该插件的文档，了解如何设置它。