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

相关文章： 探索未知，如何利用自媒体营销开启你的品牌新篇章,推广型做网站怎么做  早安心语正能量励志：免费订阅，愿你每天开心平安   鸿蒙电脑版微信6月6日晚开启内测邀请，荣耀靠自己能否翻身？   微信群里骂人群主担责？广州互联网法院两宗判决揭示答案   探索甘肃SEO优化之旅，从零到一，我是如何打造高效网站的,湘西咨询网站建设哪家好  便捷火星，探索未知，成就未来,新安seo优化厂家  新手如何开启网络销售之路？这些技巧建议请收好   日常生活中微信成重要沟通工具，如何把录音发送到微信？   自媒体营销，如何让你的博客在竞争激烈的海洋中脱颖而出,微信营销推广计划书模板  揭秘成功的自媒体人，如何利用SEO策略打造个人品牌？,相城企业网站优化方法  安卓版微信7.0.20内测更新，聊天会话隐藏等功能值得期待   探索SEO优化的奥秘，提升网站排名的关键策略,seo 服务器国外  手机号注册无数App？教你两招查询绑定了哪些软件   高校党校学院分校：牢记党校初心，明确讲授根本提升培训质效   自媒体营销新纪元，如何在这个变革的时代抓住机遇？,双管网站建设方法  寄生虫，从平凡到卓越的跨越之旅,哈尔滨网站建设运营费用  长春个人SEO外包，让您的品牌在数字世界中绽放光彩,福建营销推广价格表模板  大岭山镇，探索小镇的SEO优化之道，让旅游与文化焕发新生,高明网站优化服务  写作可弥补记忆衰退，如何写完美范文？微信产品推广软文案例来啦   昂昂溪区市场监管局查处！李某某经营添加药品食品被罚11.5万   秀屿SEO优化，让您的网站在搜索引擎中脱颖而出,清远广告网站推广平台  探寻滨海新区SEO之魅，寻找性价比最高的创作力量,大理网站建设  自己怎么解封微信？帮别人解封微信对自己有影响吗？   柠檬美名众多受欢迎，宁光院长推荐成抢手货，医疗妙用早有记载   高埗SEO优化推广，打造高效盈利的秘诀在这！,大学生手机消费营销推广  多数网民习惯先搜索，却不知小众搜索工具及Google技巧？   衡阳SEO优化之旅，如何让有为太极成为搜索引擎的新宠？,策划营销方案推广预算怎么写  做页面常遇下拉列表样式问题？看JQuery自定义插件解决   探索CPanel SEO的奥秘，如何让我的网站在竞争激烈的市场中脱颖而出,公司营销推广问题  如今做微商的越来越多，微信号倒卖现象频发，注册多个微信号有妙招？  

相关栏目： 【 行业资讯17850 】 【 软件资源51899 】 【 网站技术89748 】 【 百度推广44206 】 【 网络营销84187 】 【 运营推广93002 】 【 AI优化91086 】 【 网络优化117696 】 【 网址导航107142 】