boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器

我们使用热门的jquery进行设计，同时我们选择效果比较优秀的boxy弹出插件进行扩展(关于boxy的相关资料，请参照张鑫旭博客http://www.zhangxinxu.com/wordpress/?p=318)。下面介绍boxy作为选择器框架的应用。
　　对于选择器，相信用过招聘网站的人都不会陌生(就是那个点击就弹出的，选择行业、职位和地区的东西)，选择器难点就在于样式调试，主要针对的是IE6。这里介绍行业、职位和地区选择器，下载的Demo包含这三个选择器。
　　行业选择器：无关联，调用语句为Boxy.industry(value, callback, options),参数value为已选定值编号集合(字符串类型，编号间以逗号分割)，callback为可定义回调函数，传入callback的值为行业选择器选中项的编号集合(字符串类型，编号间以逗号分割)，options为boxy插件可选参数。
调用例子：选择编号为1和2的行业，并且定义选择器标题为”行业类别选择器”

$(“#industry”).click(function() {
Boxy.industry(“1,2”, function(val) {
alert(“你选择的是: ” + val);
}, { title: “行业类别选择器” });
return false;
});

   
职位选择器：二级联，调用语句为Boxy.job(value, shown, callback, options),参数value为已选定值编号集合(字符串类型，编号间以逗号分割，以b开头表示选择职位大类，以s开头表示选择职位小类)，参数shown表示展示的职位大类的编号，参数callback为可定义回调函数，传入callback的值为职位选择器选中项的编号集合(字符串类型，编号间以逗号分割)，options为boxy插件可选参数。
调用例子：选择编号为1的职位小类，编号为2的职位大类，定义选择器的名称为职位类别选择器

$(“#job”).click(function() {
Boxy.job(“s1,b2”, “2”, function(val) {
alert(“你选择的是: ” + val);
}, { title: “职位类别选择器” });
return false;
});


职位选择器：三级联，调用语句为Boxy.area(value, shown, callback, options),参数value为已选定值编号集合(字符串类型，编号间以逗号分割，以p开头表示选择省份，以c开头表示选择城市，以d开头表示选择县区)，参数shown表示展示的地区的编号，参数callback为可定义回调函数，传入callback的值为地区选择器选中项的编号集合(字符串类型，编号间以逗号分割)，options为boxy插件可选参数。
调用例子：选择编号为1和2的县或区，定义选择器的名称为工作地区选择器