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

jQuery 2019-01-06

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

第一步：

链接下列文件，如果没有，到此网页下载 nofollow" target="_blank" href="https://github.com/ehynds/jquery-ui-multiselect-widget">https://github.com/ehynds/jquery-ui-multiselect-widget，此插件基于jquery ，所以jquery的基本文件都需要引用

<script type="text/javascript" src="~/Scripts/jquery-ui-1.8.24.min.js">
<script type="text/javascript" src="~/Scripts/jquerymultiselect/prettify.js">
<script type="text/javascript" src="~/Scripts/jquerymultiselect/jquery.multiselect.min.js">

第二步：

定义HTML代码

} else {

第三步：

加载插件渲染

$(function () {
$("#select_users").multiselect({
noneSelectedText: "==请选择==",checkAllText: "全选",uncheckAllText: '全不选',selectedList: 5

});
});

第四步：

刷新页面查看效果

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

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

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

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

jquery.multiselect多选下拉框

相关文章

《锋利的jQuery》笔记：插件的使用和写法

jQuery插件的种类 1、封装对象方法这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进...

jQuery插件开发入门

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。入门编写一个jQuery插件开始于给...

jquery.roundabout.js实现3D图片层叠旋转木马切换

最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。兼容性如图： ht...

jQuery效果之jQuery实现图片的依次加载图片

css代码： js代码：

jQuery之deferred对象详解

一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异...

jQuery 对AMD的支持（Require.js中如何使用jQuery）

AMD 模块 AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一...