jQuery UI MultiSelect Widget使用实现步骤
浏览数：18 /
时间：2015年06月09日
1、引入CSS文件
<!-- 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/
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
