jquery.multiselect多选下拉框实现代码

本文实例为大家分享了jquery.multiselect多选下拉框的实现方法，供大家参考，具体内容如下

第一步：链接下列文件，如果没有，到此网页下载 https://github.com/ehynds/jquery-ui-multiselect-widget，此插件基于jquery ，所以jquery的基本文件都需要引用

第二步：定义html代码

 
   @foreach (DModel.Model.User item in ViewBag.users)
   {
   if (Model.Users.Contains(item.Name))
   {
    @item.Name
   }
   else
   {
    @item.Name
   }
   }
  

第三步：加载插件渲染

第四步：刷新页面查看效果

 

至此，基本完成。接下来是取值和赋值.

取值：$("#select_users").val() ;返回的是数组。因为我这边是用Ajax.BeginForm的前台页面，所以不需要取值

赋值：在第二步中已经实现赋值，其他的赋值办法没有找到。

 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。