制作网页时经常碰到下拉框样式的难题,或许有人会疑惑,为何蒙层无法遮住选择框? 该元素在IE浏览器中是个例外,属于全局范围的对象,因此它的权重超越所有其他HTML成分,会覆盖其他元素,只有同样属于全局范围的frame才能将其遮蔽住!本人从业期间,同样碰到过这类状况,还牵涉到部分外观能否随意调整这类诉求。于是抽出空暇,开发了一个定制化下拉列表工具。

这个组件维持了其固有的基础作用,在此基础上增添了选择多个项目的能力,并且能够调整外观样式。

多选功能: 在多选的时候可以设置必选项和最多选择项.

必选项就是图中展示的那样,需要把"我是1"和"我是3"设定为必须选择的内容,这样一来不论用户是否有意愿,这两项都会出现在信息列表之中。

最多选项数量：能够提供一个数值参考，让用户在设定的框框里挑选，比如当让用户自行设计表格时，就能运用这个辅助功能

特定情境下,我们常要设定别致的选项列表组件,此组件允许进行外观的个性化处理,与此同时,也能够展示相关的注释说明。

这个组件,我已通过IE、和三种浏览器进行验证,均未发现异常情况。接下来,我将公布实例展示位置以及代码获取途径:

案例演示 here

源码下载

.zip (32.6 KiB, 1,313 hits)

精美的分割线到此结束

参数说明

$(‘#s11′).({

id是标识符，比如dr1，那么可以通过dr1.(),dr1.()来调用功能，还可以用dr1.init(data)进行初始化，这个对象能够实现联动效果，还可以获取或设置文本内容text和值value；也可以使用$(‘#dr1′).val()来获取或修改值；dr1后面可以继续添加其他操作。

width:100,//显示宽

:0,//下拉框宽为0表示同上面的显示宽度

:200,//下拉框最大高度，超过即显示滚动条

设置下拉菜单的文本排列方式，包括三种选项，分别是左侧对齐，右侧对齐，以及自动调整位置

:1, //显示列数

:false,//是否复选

:3,//最多同时选择数，=true时有效

当条件为真时适用,针对下拉列表中的文字,若内容为空则呈现为默认选项,若含有信息则保持当前状态

必须选定的项，呈现为无法交互的形态，当设置为是时才会起作用，

:false,//是否禁用

:’ddl-’,//选框样式

:’ddl-’,//展开的列表框样式

:,//选中的对象value，

data:{},//数据，格式：{value:name}

:(text,value){ //回调函数

});

我自己在用的时候、出了点小差错、以下是需要注意的地方：

附件里的“jq.js”，建议选用-1.4.1.min.js这个版本，倘若点击那个控件后下拉框未能显现，那么很可能就是JQ出现了故障。

其余内容均不存在、创作者阐述得极为周全、稍作浏览即可领会···(⊙_⊙)···

# 做页面常遇下拉列表样式问题  # 看JQuery自定义插件解决  # 最多  # 我是  # 下拉框  # 这类  # 三种  # 多选  # 空暇  # 是个  # 出了  # 还可以  # 就能  # 多个  # 才会  # 出现在  # 可以用  # 将其  # 可以通过  # 很可能  # 我将  # 可以使用 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 福建百度推广咨询工具哪个好用？,石景山网站建设全网推广  SEO留痕：数字营销的隐性力量，如何通过SEO优化让品牌更具竞争力,铁岭网站关键词建设优化  SEO监控：精准把握网站排名与优化成效的利器,湖南seo排名商家名单  介绍宁夏抖音SEO价格,性价比之选，助力企业品牌腾飞,上海seo设计  郑州SEO排名探秘，如何找到优质创作源泉？,辽宁seo服务软件排名  SEO在国外市场的崛起,影响与启示,广州seo服务推广价格  辽源SEO必看，如何让你的网站在搜索引擎中脱颖而出,滨州seo企业营销方案  广州百度推广入门，从零开始打造高效推广策略,网站建设销售找客户  介绍黑帽SEO,恶意手段与风险防范,重庆秀山抖音关键词排名服务公司  成华区短|视频|SEO技术介绍,助力短|视频|内容在搜索引擎中脱颖而出,乌海网站优化厂家  广州百度推广优势，助力企业发展的强大驱动力,安徽营销推广规划  网站地图制作有哪些好处？什么网站需要站点地图？   SEO爱站：提升网站排名，赢得流量的秘密武器,优化网站设计价格多少  微信竟有免费不限存放相册空间，快删手机照片视频   广州百度推广封号多久？解析原因及解决方案,丹东营销推广服务  广州企业如何应对百度推广预算不足的挑战,天津口碑营销推广中心  广州百度推广职位，探索数字营销新机遇,韩漫无删减网站推广  福建百度推广点击率高却无人加好友，问题出在哪？,网站推广语句  关键词选择与筛选功能：如何找到优质群聊？兴趣、地域、品牌类全解析   SEO实现：如何通过SEO优化提升网站流量与排名,南京市公司网站推广  SEO查看-如何通过精确分析提升网站流量与排名,东丽网站建设价格  SEO模块：提升网站排名，驾驭数字营销未来,营口网站建设制作平台  晋安区网页SEO价格介绍,性价比之选，助力企业网络营销腾飞,百度关键词如何提高排名  湖南SEO外包公司助力企业高效提升搜索引擎排名,鹤岗seo公司找9火星  福建百度推广是否可以推广小程序？,重庆做网站建设团队  SEO查：如何用精准的SEO诊断助力网站流量爆发,美团关键词排名怎么补  广州百度推广侵权事件分析,深圳建设网站目的  女生要加微信的理由怎么回？4招核心方法轻松应对   SEO导航编写利器,盘点四大高效软件助力优化之旅,SEO人才引进面试准备  SEO新手必看，如何高效利用搜索引擎提升品牌知名度,菲律宾seo新闻  SEO但是，这些常见误区你真的知道吗？,凤岗网站建设开发  一站式SEO服务,助力企业高效提升网站排名，抢占市场先机,seo伪原创方法  福建百度推广的费用高吗？多少钱？,网站建设创意方法  山西SEO优化之选,介绍靠谱服务商，助力企业网站腾飞,gzip压缩动态文件seo  深圳市为恩科技产品：小巧易摆，手机打印标签超便利   南京生态项目手册印刷，如何设计生态园区宣传册？   广州百度推广事件，网络营销中的争议与启示,廊坊正规的网站推广平台  广州企业如何通过百度推广与美团平台提升竞争力,淄博网站推广 溦新hfqjwl广告稳定  揭秘自媒体营销的秘密武器，如何让内容脱颖而出并实现流量变现,菏泽seo营销工具设计  营造清朗网络环境需全社会共参与，强化法治保障守护精神家园   福建百度推广多账户推广技巧详解,海外推广外包策划营销方案  北京SEO优化公司，如何让你的网站在竞争激烈的市场中脱颖而出,淮安营销网络推广平台有哪些  大岭山镇，探索小镇的SEO优化之道，让旅游与文化焕发新生,seo怎么找分类  玩微信赚钱小游戏？小心广告和提现门槛！快试试无广告无门槛的   南昌SEO基础知识营销,打造高效网络营销步骤,seo优选12火星软件  福建百度推广可以自己弄吗？,400网站建设办公  SEO广告：如何借助SEO提升品牌曝光与销售业绩？,网站推广怎么选择  广州百度推广挣钱吗？揭秘互联网营销的潜力与挑战,营销推广缺乏创新能力  广州百度推广问题解析与解决方案,忠县做网站建设  SEO前的准备工作：如何让网站为搜索引擎优化做好充分准备,SEO_网站排名优化_网络推广