一款仿招聘网站的jQuery遮罩弹出地区二级和三级联动代码，点击弹出省市区三级联动、省市二级联动城市选择代码。
js代码
<scripttype="text/javascript"src="js/jquery-2.1.0.min.js"></script>
<scripttype="text/javascript"src="js/thr-linkage-1.0.js"></script>
<scripttype="text/javascript"src="js/areaData.js"></script>
<scripttype="text/javascript">
$(function(){
varthisThr1=$.linkAgeInit({
shade:0.4,
dataIndex:3,
dataModel:'data',
dataSource:app_area_data,
showSelectHtml:'<lidata-id="{code}"data-route="{route}"class="">{area}</li>',
showCheckHtml:'<dddata-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);
}
});varthisThr2=$.linkAgeInit({
shade:0.4,
dataIndex:2,
dataModel:'data',
dataSource:app_area_data,
showSelectHtml:'<lidata-id="{code}"data-route="{route}"class="">{area}</li>',
showCheckHtml:'<dddata-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>
下载
|
|
置顶卡
变色卡