在开发过程中,遇到过非常多的二级联动,下面是我总结出来的几种二级联动案例
二级联动(1)
第一种案例是一种比较简单的二级联动,利用jquery的显示隐藏来实现,对于数据较少的二级联动来说可以采纳/引入jquery文件/
<script type="text/javascript" src="jquery-1.11.3.min.js">
<script type="text/javascript">
var currentShowCity=0;
$(document).ready(function(){
$("#province").change(function(){
$("#province option").each(function(i,o){
if($(this).attr("selected"))
{
$(".city").hide();
$(".city").eq(i).show();
currentShowCity=i;
}
});
});
$("#province").change();
});
function getSelectValue(){
alert("1级="+$("#province").val());
$(".city").each(function(i,o){
if(i == currentShowCity){
alert("2级="+$(".city").eq(i).val());
}
});
}
/*获取数据*/<input type="button" value="点我" onclick="getSelectValue();">
二级联动(2)- Array
第二种案例是使用二维数组传数据,使用javascript<select id="city" style="width:60px">