我们使用流行的jquery进行设计，同时选择效果极佳的boxy弹出插件进行扩展(关于boxy的信息请参考张新旭的博客http://www.zhangxinxu.com/wordpress/? p=318)。下面描述了boxy作为选择器框架的应用。至于选择者，相信用过招聘网站的人都会很熟悉(就是点击后弹出来的东西，选择行业、职位、地区)。选择器的难点在于风格调试，主要针对IE6。以下是行业、职位和地区的选择。下载的演示包含这三个选择器。行业选择器：无关联，调用语句为boxy.industry (value，callback，options)，参数值为选择值number set (string type，numbers用逗号分隔)，callback为可定义回调函数，传入回调值为行业选择器的选择项number set(string type，numbers用逗号分隔)，options为boxy插件的可选参数。调用示例：选择编号为1和2的行业，并将选择器定义为“行业类别选择器”。复制代码如下： $ ('# industry ')。单击(function () {boxy.industry ('1，2 '，function (val) {alert('您选择了3360 ' val)；}，{title: '行业类别选择器' })；返回false});

位置选择器：二级级联，调用语句为boxy.job (value，showen，callback，options)，参数值为所选的数值集合(字符串类型，数字用逗号分隔，以b开头选择位置类别，以s开头选择位置类别)，参数showen表示所显示位置类别的编号。参数回调是一个可定义的回调函数，传入回调的值是位置选择器选择的项目的数字集(字符串类型，数字之间用逗号分隔)，options是boxy插件的可选参数。调用示例：选择编号为1的职位子类别和编号为2的职位子类别，并将选择器的名称定义为职位类别选择器。复制代码如下： $(“# job”)。单击(function () {boxy.job ('S1，B2 '，' 2 ')，function (val) {alert('您选择了3360。}，{title: '职位类别选择器' })；返回false});

位置选择器：三连，调用语句为boxy.area (value，showed，callback，options)，参数值为所选数值集(string类型，数字用逗号分隔，以p开头选择省份，以c开头选择城市，以d开头选择县)，显示的参数表示显示的区域数量。参数回调是一个可定义的回调函数，传入回调的值是区域选择器选择的项目的数字集(字符串类型，数字用逗号分隔)，options是boxy插件的可选参数。调用示例：选择编号为1和2的县或区，并将选择器的名称定义为工作区。选择器复制代码如下： $ ('# city ')。单击(function () {boxy。区域(' d1，c7 '，' 1，724 '，函数(val) {alert('您选择了3360 '。}，{title: '工作区选择器' })；返回false});

有bugs。IE6复选框的边距设置将变形。清空IE6的框边框是无效的，但对于其他浏览器是有效的。此外，许多人喜欢将输入的边距/填充设置为全局零。为了统一风格，不得不忽略ie6。2.2岁以下。IE8环境下，css设置选项A的悬停效果很慢甚至没有反应，这在其他浏览器(包括IE6)中是不存在的，js代码解决方案也不是一个可取的方式，代码的悬停反应还是有点慢。真不明白为什么IE8会出现这种问题。告诉我你是否知道。3.3下超长选定项目的显示区域。IE6是不够的，所以它不会在父标签中自动换行，而是在显示的选定项本身中换行并输出文本，导致样式走样。我也不知道怎么解决这个问题。谁知道呢？告诉我。4.我还没找到(可能大家都会说IE6下OK按钮的悬停效果不是bug，不过没关系的话我也懒得改。就贴上A的标签，但是我真的不喜欢A，整天对IE6没用)。优点：1。当然很美！2.三个选择器分别代表具有三种级联关系的选择器。您可以直接修改演示中的数据源和主框架中的文本，可以将其更改为其他选择器。3.还有改进的空间。谁来整合演示的css样式并发送出去？悄悄告诉你，选择器外框的圆角效果是用png图片实现的。如果要更改透明度，只能重做图片。如果愿意把IE6放在一边，可以用另一种常用的舍入方法(用css样式代替图片)。这个方法已经被编写成了一个四四方方的插件(我注释掉了，包括样式文件)。演示的round-corner.html文件中也介绍了另一种舍入方法。ExtendedBoxy.html是选择器的演示文件。另外两篇关于Boxy的html文档是张新旭写的。张的博客上有很多好东西，有空的时候请去看看。Demo的下载地址：/201011/马援/jquery-plugin-extended boxy . rar。