热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

bootstrap下拉框支持多选,bootstrap下拉框分享

今天有了一个新需求,就是下拉框采用多选,因为以前都是用Extjs的多选框组件,领导说不好看,所以我就用了bootstrap框架实现,我现在把代码共享一下,大家有需要的直接在hBui


今天有了一个新需求,就是下拉框采用多选,因为以前都是用Extjs的多选框组件,领导说不好看,所以我就用了bootstrap框架实现,
我现在把代码共享一下,大家有需要的直接在hBuilder中打开,可以直接运行.
下面说一下我整合进项目中遇到的问题:
1.宽高,边距等等调整;如果想改下拉框的宽度直接修改bootstrap-%ignore_a_1%.css文件的24行等等,以下图片是我根据自己需求改的地方,如果有别的需求大家根据需求改就可以了
2.我的select下拉框是动态添加的,但是bootstrap的bootstrap-select.js里面的函数是(function(){}())格式的,也就是自动执行函数,
也就是说当加载该js文件时,里面函数自动执行,因此我就把bootstrap相关的js和css文件的引入放到了最后,解决了下拉框失效的问题.

下载地址:http://pan.baidu.com/s/1dFF9ho1
bootstrap下拉框支持多选,bootstrap下拉框bootstrap下拉框支持多选,bootstrap下拉框bootstrap下拉框支持多选,bootstrap下拉框

www.dengb.comtruehttp://www.dengb.com/jQuery/1233973.htmlTechArticlebootstrap下拉框支持多选,bootstrap下拉框 今天有了一个新需求,就是下拉框采用多选,因为以前都是用Extjs的多选框组件,领导说不好看,所以我就…

—-想了解更多的jQuery特效教程关注<编程笔记>


推荐阅读
author-avatar
1994-MMMs
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有