在开发过程中，遇到过非常多的二级联动，下面是我总结出来的几种二级联动案例
二级联动（1）
第一种案例是一种比较简单的二级联动，利用jquery的显示隐藏来实现，对于数据较少的二级联动来说可以采纳
二级联动 /*引入jquery文件*/ <select id="province"> <select class="city"> <select class="city"> <select class="city"> <select class="city"> /*获取数据*/
二级联动（2）- Array
第二种案例是使用二维数组传数据，使用javascript
二级联动 <select id="province" size=1 onchange="getCity()"> <select id="city" style="width:60px">
二级联动（3）- Ajax
第三种案例是使用ajax
二级联动 <select id="province"> <select id="city">
二级联动（3-1）- Ajax/php
第三种案例是使用ajax,从php中获取数据
Ajax案例一 <select id="province"> <select id="city">
php:
<?php
// 用于处理客户端请求二级联动的数据
// 1. 接收客户端发送的省份信息
$province = $_POST['provcince'];
// 2. 判断当前的省份信息,提供不同的城市信息
switch ($province){
case '山东省':
echo '青岛市,济南市,威海市,日照市,德州市';
break;
case '辽宁省':
echo '沈阳市,大连市,铁岭市,丹东市,锦州市';
break;
case '吉林省':
echo '长春市,松原市,吉林市,通化市,四平市';
break;
}
// 服务器端响应的是字符串
?>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持全福编程网。
