
一款仿招聘网站的jQuery遮罩弹出地区二级和三级联动代码,点击弹出省市区三级联动、省市二级联动城市选择代码。
js代码
<script type=\"text/javascript\" src=\"js/jquery-2.1.0.min.js\"></script>
<script type=\"text/javascript\" src=\"js/thr-linkage-1.0.js\"></script>
<script type=\"text/javascript\" src=\"js/areaData.js\"></script>
<script type=\"text/javascript\">
$(function () {
var thisThr1 = $.linkAgeInit({
shade:0.4,
dataIndex:3,
dataModel:\'data\',
dataSource:app_area_data,
showSelectHtml:\'<li data-id=\"{code}\" data-route=\"{route}\" class=\"\">{area}</li>\',
showCheckHtml:\'<dd data-id=\"{code}\" data-route=\"{route}\" class=\"{_on_}\">{area}</dd>\',
dataOnePid:1,
dataIdKey:\'code\',
closeCallBack:function (data) {
console.log(\'你点击了关闭!\' , data);
},
confirmCallBack:function (data) {
console.log(\'你点击了确定!\' , data);
}
});
var thisThr2 = $.linkAgeInit({
shade:0.4,
dataIndex:2,
dataModel:\'data\',
dataSource:app_area_data,
showSelectHtml:\'<li data-id=\"{code}\" data-route=\"{route}\" class=\"\">{area}</li>\',
showCheckHtml:\'<dd data-id=\"{code}\" data-route=\"{route}\" class=\"{_on_}\">{area}</dd>\',
dataOnePid:1,
dataIdKey:\'code\',
closeCallBack:function (data) {
console.log(\'你点击了关闭!\' , data);
},
confirmCallBack:function (data) {
console.log(\'你点击了确定!\' , data);
}
});
$(\"#thisBind1\").click(function () {
thisThr1.open(\'.form-div\');
})
$(\"#thisBind2\").click(function () {
thisThr2.open(\'.form-div\');
})
$(\"#thisBind3\").click(function () {
thisThr1.set([
{id:442001001,name:\'石岐区街道\'},
{id:442001006,name:\'五桂山街道\'},
{id:442001004,name:\'西区街道\'}
]);
thisThr1.open(\'.form-div\');
})
})
</script>










暂无评论内容