jQuery multiselect的使用

最新推荐文章于 2025-06-30 09:23:18 发布

weixin_30344131

最新推荐文章于 2025-06-30 09:23:18 发布

阅读量509

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shz365/p/6123033.html

本文介绍了一个基于jQuery的多选插件的使用方法。包括插件的下载、引用所需的CSS及JS文件、HTML标签设置及JavaScript初始化配置等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，下载插件

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

2，效果：

3.引用文件：

4. 标签：

　　　　<select name="levelCondition" id="levelCondition" multiple="multiple" style="width:100px">
                                   <option value="STD">标准</option>
                                   <option value="MIN">迷你</option>
                                   <option value="VIP">尊贵</option>
                                   <option value="GVIP">VIP白金</option>
                               </select>

5.js

$(document).ready(function (){
       $("select[multiple]").multiselect({
           selectedList: 4
       });




       //初始化默认选中已有的选项,sceneIdList是要默认选中的值
          var sceneIdArr ='<s:property value="levelConditionStr"/>'.split(",");
        $('#levelCondition option').each(function (i, content) {
         //   alert(i+"***"+content.value);
            if ($.inArray($.trim(content.value), sceneIdArr) >= 0) {
                this.selected = true;
            }
        });
        //设置选中值后，需要刷新select控件
        $("#levelCondition").multiselect('refresh');

        });