jquery multiselect

最新推荐文章于 2024-09-26 01:42:12 发布

zccst

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量146

点赞数

分类专栏： Web前端-使用jqueryui 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/zccst/article/details/84428223

版权

Web前端-使用jqueryui 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

作者：zccst

官方作者：
http://www.erichynds.com/blog/jquery-ui-multiselect-widget

必须要引用的文件是jquery和jqueryui。
jquery-ui.js
jquery-ui.css
jquery-multiselect.js
jquery-multiselect.css

具体使用：
1，初始化。
各种选项
("xx").multiselect({
"key":value
"key":value
"key":value
});

2，删除。目的是为了不刷新页面情况下，重新初始化。
("xx").multiselect("destroy");

3，注意事项。
初始化需要id,class,name等，否则会初始化为multiselect_0。多次初始化时，下标一直会递增，所以会很麻烦。

一些快捷特效：
1，设置默认选中和disabled


<select name="example-presets" multiple="multiple" size="5">
		<option value="option1" selected="selected">Option 1</option>
		<option value="option2">Option 2</option>
		<option value="option3" selected="selected">Option 3</option>
		<option value="option4" selected="selected">Option 4</option>
		<option value="option5" disabled="disabled">Option 5</option>
		<option value="option6" disabled="disabled">Option 6</option>
		<option value="option7">Option 7</option>
		<option value="option8">Option 8</option>
		<option value="option9">Option 9</option>
		</select>

[color=red]注意：select中有一个属性multiple="multiple"[/color]