`
53873039oycg
  • 浏览: 845943 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

[简单]jquery.multiselect.js使用简记

 
阅读更多

       jquery.multiselect.js 介绍: http://www.erichynds.com/blog/jquery-ui-multiselect-widget

       下载:https://github.com/ehynds/jquery-ui-multiselect-widget

 

        需jquery ui: http://jqueryui.com/

        简单使用方法如下:

       

<select id="multiTest"
				multiple="multiple" name="multiTest">
				<option value="test">选项1</option>
				<option value="test2">选项2</option>
				<option value="test3">选项3</option>
				<option value="test4">选项4</option>
				<option value="test5">选项5</option>
				<option value="test6">选项6</option>
				<option value="test7">选项7</option>
				<option value="test8">选项8</option>
				<option value="test9">选项9</option>
				<option value="test10">选项10</option>
				<option value="test11">选项11</option>
				<option value="test12">选项12</option>
			</select>

 

   

$(function() {
		$("#multiTest").multiselect({
			noneSelectedText : "=请选择=",
			checkAllText : "全选",
			uncheckAllText : '全不选',
			minWidth : 120
		});
       });

 

    获取选中的值:

   

var valSelect = $("#multiTest").val();

 

    全文完。

0
0
分享到:
评论

相关推荐

    jquery.multiSelect.js

    jquery.multiSelect.js

    jquery.multiselect.filter

    该插件包含两个核心文件:`jquery.multiselect.filter.js`和`jquery.multiselect.filter.css`。前者是JavaScript代码,实现了插件的主要功能;后者是CSS样式文件,用于美化插件的显示效果。确保这两个文件被正确引入...

    jquery.multiselect.filter.zip

    在实际应用中,使用jQuery Multiselect Filter插件非常简单。首先,确保引入了jQuery库,然后引入`jquery.multiselect.filter.js`和`jquery.multiselect.filter.css`。接着,选择需要增强的`&lt;select&gt;`元素,并调用`....

    jquery.multiSelect实例demo

    本篇文章将详细介绍jQuery.multiSelect的使用方法、主要功能以及实际示例,旨在帮助开发者更好地理解和应用这一工具。 首先,jQuery.multiSelect是基于jQuery的一个插件,它的核心功能是将普通的HTML `&lt;select&gt;` ...

    jquery.multiSelect下拉多选

    总结来说,jQuery.multiSelect是一个强大的下拉多选解决方案,通过简单易懂的API和自定义样式,为开发者提供了高效构建多选功能的途径。无论是新手还是经验丰富的前端开发者,都可以快速上手并灵活运用到实际项目中...

    jquery.multiselect.js

    jquery.multiselect.js

    jquery.multiselect.js多选下拉框选择代码

    《jQuery.multiselect.js:打造高效多选下拉框选择体验》 在Web开发中,下拉框(Dropdown)是常用的一种交互元素,尤其在需要用户从多个选项中进行选择时。然而,传统的HTML `&lt;select&gt;` 标签在处理大量选项或需要...

    jquery.multiselect 下拉多选插件 下拉复选框插件

    首先,需要在HTML中创建一个基础的`&lt;select&gt;`元素,然后通过JavaScript引入jQuery库和Multiselect插件的JS及CSS文件。一旦这些资源加载完毕,只需调用`.multiselect()`方法即可将普通的下拉列表转化为可多选的下拉框...

    jquery.multiSelect多选下拉框简单实例

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;script src="path/to/jquery.multiSelect.js"&gt; ``` ### 2. 创建HTML结构 创建一个普通的`&lt;select&gt;`元素,为其添加`multiple`属性以启用...

    jQuery UI Multiselect (jQuery UI 多选框)

    首先,确保在项目中引入了jQuery和jQuery UI的核心库,然后引入jQuery UI Multiselect的CSS和JS文件。接下来,可以按照以下步骤创建和初始化多选框: ```html &lt;!-- HTML结构 --&gt; &lt;option value="1"&gt;Option 1 ...

    自己动手增强 jquery.multiselect2side 调用

    标题 "自己动手增强 jQuery.multiselect2side 调用" 提到的是一个关于自定义和扩展 jQuery 多选下拉插件 `jQuery.multiselect2side` 的实践过程。这个插件通常用于创建一种分栏显示的多选下拉列表,方便用户在两个...

    jquerymultiselectjs是一款基于jQueryUI的多项选择下拉列表框组件

    jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件。该下拉列表功能强大,可以实现多选和单选,可制作打开和关闭下拉框时的炫酷动画效果,提供丰富的回调函数和其它方法。

    自己封装好的下拉框多选插件jqueryUi.multiselect

    `jqueryUi.multiselect`是一个基于jQuery UI库的下拉框多选插件,它提供了一种美观且易于使用的多选方式,通过复选框的形式展示选项,使得用户可以快速勾选或取消多个选项。由于在GitHub上找到的完整版本较少,...

    Jquery多选下拉列表插件jquery multiselect

    - **引入依赖**:首先,确保在页面中引入jQuery库和jQuery Multiselect的CSS和JS文件。一般情况下,这些文件可以从GitHub或其他CDN获取。 ```html &lt;link rel="stylesheet" href="path/to/jquery.multiselect.css"&gt; ...

    jQuery UI MultiSelect 多选下拉框

    $("select").multiselect({ checkAllText: "全选", uncheckAllText:"全不选" }); 2.选中项的提示信息,如图中第2部分 selectedText 默认:# selected $("select").multiselect({ selectedText:...

    jquery.tree-multiselect实例详解

    1. **安装与引入**:首先,你需要在项目中引入jQuery库以及jQuery Tree Multiselect的CSS和JS文件。你可以通过CDN链接或者下载后本地引用。确保它们在HTML文档的部分正确加载。 2. **初始化配置**:在HTML中,你...

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

    &lt;script type="text/javascript" src="~/Scripts/jquerymultiselect/jquery.multiselect.min.js"&gt; ``` ### 步骤二:定义 HTML 代码 创建一个多选 `select` 元素,并为其设置 `id` 和 `multiple` 属性,以启用多选...

    多选下拉框(jquery_multiselect)

    然后,下载 `jquery_multiselect` 压缩包,解压后将 `jquery.multiselect.js` 和相应的 CSS 文件(如 `jquery.multiselect.css`)添加到你的项目资源目录中。在 HTML 页面中,添加 `&lt;script&gt;` 和 `&lt;link&gt;` 标签引入...

Global site tag (gtag.js) - Google Analytics