制作网页时经常碰到下拉框样式的难题,或许有人会疑惑,为何蒙层无法遮住选择框? 该元素在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 】

相关推荐： 手机已连网线或WiFi却无法上网？三个原因及解决办法来啦   SEO用户：如何为您的网站带来持续流量和转化,惠州网站推广哪个好  大连SEO专业排名介绍,探寻行业佼佼者之路,绵阳网站推广优化  建瓯SEO排名,介绍提升网站流量与品牌影响力的方法,上海优化seo平台  从镜像中汲取力量，探索自媒体的SEO奥秘,唐山网站建设制作报价  新品牌如何熟悉小红书核心逻辑？做好这几步很关键   SEO占位：如何在竞争激烈的市场中占得先机？,梁平区省心全网营销推广  广州百度推广总部电话及服务详解,青岛网站建设方案php  广州百度推广|直播|，打造数字营销新生态,泰安网站推广软件哪家好  网络热议支持国产品牌，中华通网络电话成通讯新宠？   那曲抖音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优化之选,介绍靠谱服务商，助力企业网站腾飞,gzip压缩动态文件seo  详细介绍,SEO排名软件盘点与优化步骤详解,5g在线seo  福建百度推广非企开户有风险吗？,广州网站推广策略  SEO妍：搜索引擎优化的艺术，轻松打造网络营销新未来,辽宁网站建设贵不贵  SEO查：如何用精准的SEO诊断助力网站流量爆发,美团关键词排名怎么补  如何设置福建百度推广关键词才能达到**效果,摄影师网站怎么做推广赚钱  广西广电（600936）：为全资子公司广电网络科技公司提供70亿担保进展   SEO自己：打造属于你的数字营销利器,微信裂变营销推广软件  一个手机号仅能注册一个微信号，如何解绑重注册？   杭州SEO工作思路，揭秘成功的秘诀与策略,seo01仙踪林  长治SEO网络推广,价格合理，效果显著，助力企业腾飞,网站优化搜索关键词排名  详细介绍谷歌SEO推荐的应用,掌握优化之路，提升App排名,口碑好的扬州seo  惠州企业网站SEO优化，打造高效网络品牌的秘诀,天禹抖音seo  365好商机网：集多种服务于一体，助力创业与招商   西藏特色产品SEO优化步骤,挖掘潜力，助力品牌腾飞,电商网站页面优化怎么做  北京SEO优化公司，如何让你的网站在竞争激烈的市场中脱颖而出,淮安营销网络推广平台有哪些