jQuery实现的省市县三级联动菜单效果完整实例

2020-05-18 08:59:25易采站长站整理

for(var i = 0;i<arrySheng.length;i++)
{
var str = arrySheng[i].split(','); //分割单个省份
$(areaSelect.slt_sheng)[0].options.add(new Option(str[0],str[1]));
}
}
areaSelect.bindShi = function(strSheng) //绑定市
{
$(areaSelect.slt_shi).empty();
$(areaSelect.slt_shi)[0].options.add(new Option("请选择","-1"));
$(areaSelect.slt_xian).empty();
$(areaSelect.slt_xian)[0].options.add(new Option("请选择","-1"));
for(var i=0;i<arryShi.length;i++)
{
var str = arryShi[i].split(',');
if(areaSelect.getCode12(str[1])==areaSelect.getCode12(strSheng) && areaSelect.getCode56(str[1])=="00" && areaSelect.getCode36(str[1]) != "0000")
{
$(areaSelect.slt_shi)[0].options.add(new Option(str[0],str[1]));
}
}
}
areaSelect.bindXian = function(strShi) //绑定县
{
$(areaSelect.slt_xian).empty();
$(areaSelect.slt_xian)[0].options.add(new Option("请选择","-1"));
for(var i=0;i<arryXian.length;i++)
{
var str = arryXian[i].split(',');
if(areaSelect.getCode14(str[1])==areaSelect.getCode14(strShi) && areaSelect.getCode56(str[1]) != "00")
{
$(areaSelect.slt_xian)[0].options.add(new Option(str[0],str[1]));
}
}
}
areaSelect.getCode14 = function(str) //去字符串的后四位
{
if(str != "-1")
{
return str.substring(0,4);
}
else
{
return str;
}
}
areaSelect.getCode12 = function(str) //取字符串的前两位
{
if(str != "-1")
{
return str.substring(0,2);
}
else
{
return str;
}
}
areaSelect.getCode34 = function(str) //取字符串中间两位
{
if(str != "-1")
{
return str.substring(2,4);
}
else
{
return str;
}
}
areaSelect.getCode56 = function(str) //取字符串的最后两位
{
if(str != "-1")
{
return str.substring(4,6);
}
else
{
return str;
}
}
areaSelect.getCode36 = function(str) //去字符串的后四位
{
if(str != "-1")
{
return str.substring(2,6);
}
else
{
return str;
}
}
$(function(){
areaSelect.createSelect();
});
</script>
</head>
<body>
</body>
</html>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(table)操作技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》