jQuery UI MultiSelect Widget使用实现步骤
2014-01-19 17:26
691 查看
1、引入CSS文件
2、引入JS文件
3、编写HTML
4、调用MultiSelect方法渲染<select>
更多参考:
http://www.erichynds.com/blog/jquery-ui-multiselect-widget http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/
<!-- jquery ui 使用的样式 --> <link rel="stylesheet" type="text/css" href="../../common/jquery/jquery-ui/jquery-ui-1.10.3/themes/redmond/jquery-ui-1.10.3.custom.css" /> <!-- jquery ui multiselect 使用的样式 --> <link rel="stylesheet" type="text/css" href="../../common/jquery/jquery-ui/multiselect/jquery.multiselect.css" />
2、引入JS文件
<script type="text/javascript" src="../../common/jquery/jquery-1.8.3.js"></script> <script type="text/javascript" src="../../common/jquery/jquery-ui/jquery-ui-1.10.3/ui/minified/jquery-ui.min.js"></script> <script type="text/javascript" src="../../common/jquery/jquery-ui/multiselect/src/jquery.multiselect.js"></script> <script type="text/javascript" src="../../common/jquery/jquery-ui/multiselect/i18n/jquery.multiselect.zh-cn.js"></script>
3、编写HTML
<select id="comCode4QueryArrStr_query" name="paramsUser.comCode4QueryArrStr" multiple="multiple"> <option value='xx'>xx</option> <option value='xx'>xx</option> <option value='xx'>xx</option> </select>
4、调用MultiSelect方法渲染<select>
$j(document).ready(function(){ $j("#comCode4QueryArrStr_query").multiselect(); }
更多参考:
http://www.erichynds.com/blog/jquery-ui-multiselect-widget http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/
相关文章推荐
- 下拉多选框的使用方法(jQuery UI MultiSelect Widget)
- jQuery UI MultiSelect Widget的使用
- 使用 Jquery-UI 实现一次拖拽多个选中的元素操作
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- 通过扩展jQuery UI Widget Factory实现手动调整Accordion高度
- 树型权限管理插件:jQuery Tree Multiselect详细使用指南
- 树型权限管理插件:jQuery Tree Multiselect详细使用指南
- 如何使用jQuery来处理图片坏链具体实现步骤
- select、radio表单回显功能实现避免使用jquery载入赋值
- jquery ui dialog 中使用select2 导致select2的input失去焦点的解决方法
- 使用jquery MultiFile实现多个文件同时上传
- jquery multiselect使用示例
- select、radio表单回显功能实现避免使用jquery载入赋值
- 使用JQueryUI + FreeMarker 实现Div动态DIalog添加和删除
- Jquery多选下拉列表插件jquery multiselect功能介绍及使用
- Jquery多选下拉列表插件jquery multiselect功能介绍及使用
- jQuery Tree Multiselect使用详解
- jquery multiselect如何实现下拉框多选并获取多个选项的值
- Jquery multiselect 多选下拉框与ajax配合使用,动态拼接option。初始化默认选中多个,增加搜索框