ace admin 下拉选择Multiple-select组件

江宏伟
2023-12-01

一、组件说明以及API

1、第一个组件是写bootstrap table的主人公 wenzhixin 封装的一个组件—— multiple-select。这个组件风格简单、文档全、功能强大。但是觉得它选中的效果不太好。关于它的效果展示,我们放在后面。还是给出对应的文档API。

Multiple-Select源码主页: https://github.com/wenzhixin/multiple-select

Multiple-Select文档以及Demo: http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN

2、第二个组件也是在github上面找的—— bootstrap-multiselect 。这个组件风格和第一个非常相似,文档也挺全面。

bootstrap-multiselect源码主页: https://github.com/davidstutz/bootstrap-multiselect

bootstrap-multiselect文档以及Demo: http://davidstutz.github.io/bootstrap-multiselect/

 

<head>
    <link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
    <select multiple="multiple">
        <option value="1">abc</option>
        ...
        <option value="31">789</option>
    </select>
    <script src="multiple-select.js"></script>
    <script>
        $("select").multipleSelect({
            filter: true
        });
    </script>
</body>

 

http://www.cnblogs.com/landeanfen/p/5013452.html?utm_source=tuicool&utm_medium=referral

http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN

https://github.com/wenzhixin/multiple-select

http://loudev.com/

转载于:https://www.cnblogs.com/shy1766IT/p/6701770.html

 类似资料: