作者:1994-MMMs | 来源:互联网 | 2023-10-11 15:57
今天有了一个新需求,就是下拉框采用多选,因为以前都是用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
http://www.dengb.com/jQuery/1233973.htmlwww.dengb.comtruehttp://www.dengb.com/jQuery/1233973.htmlTechArticlebootstrap下拉框支持多选,bootstrap下拉框 今天有了一个新需求,就是下拉框采用多选,因为以前都是用Extjs的多选框组件,领导说不好看,所以我就…
—-想了解更多的jQuery特效教程关注<编程笔记>