89203856 2013-05-08
作者: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>
注意:select中有一个属性multiple="multiple"