制作网页时经常碰到下拉框样式的难题,或许有人会疑惑,为何蒙层无法遮住选择框? 该元素在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，探索数字营销的奥秘与策略,佛山网站建设大全  国家网信办发布互联网用户账号信息管理规定，8月1日起施行   济南优化网站排名SEO攻略,助力企业腾飞之路,力盟seo优化公司  深圳建站SEO，打造数字新时代的基石与航标,seo推广技术教程  揭露广州百度推广骗局，警惕线上营销中的陷阱,临朐网站建设  SEO诊断报告|视频|介绍,介绍网站优化之路,霸州优化seo  常用聊天软件微信，头像尺寸你知道多少？快来看看   广州百度推广策略，精准定位助力企业增长,汕头网站推广威芯hfqjwl  SEO优化知识点霸屏,让你的网站在搜索引擎中脱颖而出,微信seo 2017  掌握SEO艺术，让你的内容在数字海洋中熠熠生辉,桥梁模板网站建设素材  SEO注意事项：助力网站流量提升的关键策略,济宁快速seo优化价格  沙田SEO优化费用揭秘，如何高效提升网站排名？,喜来登酒店营销推广方案  福建百度推广中心消息提醒在哪？详细指南解析,临汾日报网站建设  泰兴SEO优化建设，打造数字时代的商业传奇,抚顺本地网站推广哪家好  淘宝宝贝SEO优化攻略,提升搜索排名，引爆流量与销量,长乐抖音关键词搜索排名  SEO出来，打破流量瓶颈，助力企业增长的关键策略,南昌营销推广代理商电话  介绍顺德SEO排名优化价格,性价比之选，助力企业提升在线竞争力,提供福州seo排行的网站  广州百度推广的缺点分析与建议,天津网站推广需要多少钱  SEO提高：如何通过精准优化让网站流量翻倍,优化排名seo加盟费用  SEO功能：助力网站流量提升与品牌曝光,天津公司网站建设与维护  杨圣亮谈SEO,详细介绍搜索引擎优化步骤与方法,seo优化推广代理商  SEO提供：如何通过精准的SEO策略提升网站流量与品牌影响力,刷关键词排名立的火星  武汉SEO排名探秘，如何让你的网站在竞争激烈的市场中脱颖而出？,江苏关键词排名怎么提高  SEO实现：如何通过SEO优化提升网站流量与排名,南京市公司网站推广  探索SEO的奥秘，如何利用搜索引擎优化提升你的在线影响力,临沂seo  探索未知，莱山SEO推广的奥秘与实践,重庆网站建设 夹夹虫  广州百度推广，助力企业发展的重要名词解析,河东区技术网站推广模式  从镜像中汲取力量，探索自媒体的SEO奥秘,唐山网站建设制作报价  SEO和品牌营销：如何通过搜索引擎优化打造品牌影响力,建邺seo软件  宣城SEO网络推广公司，重塑品牌形象，提升网络可见度,网站推广平台哪里有推广  鞍山抖音SEO,助力企业扬帆起航，抢占短视频营销新风口,安徽百度seo软件  SEO埋词技巧，如何提升网站排名？,贵州营销推广方法  阜新SEO推广效果，探索数字营销的新境界,杨浦seo排名费用  白山抖音SEO企业,助力企业突破流量瓶颈，实现品牌价值最大化,山东seo教程招商加盟  SEO如何通过正确的SEO策略引爆你的流量与排名,西工区seo  SEO入门玄关隔断摆件,打造家居风水与美学的完美融合,亦庄网站整站优化公司  SEO外，如何提升网站整体营销效果？,文轩网络营销推广方案  广州百度推广户是什么？,网络公司如何推广网站  青海SEO优化，打造品牌新高度的秘诀在这片土地,河北省seo关键词排名  SEO自行：提升网站流量的秘密武器,邹平县个人网站建设建议  沈阳SEO培训，提升网络可见度的关键途径,优化seo 推广  长春抖音SEO搜索攻略,让你的抖音内容在搜索引擎中脱颖而出,品牌分析关键词排名查询