几种二级联动案例（jQuery\Array\Ajax php）

发布时间：2020-12-15 23:24:54 所属栏目：百科来源：网络整理

导读：在开发过程中，遇到过非常多的二级联动，下面是我总结出来的几种二级联动案例二级联动（1）第一种案例是一种比较简单的二级联动，利用jquery的显示隐藏来实现，对于数据较少的二级联动来说可以采纳二级联动 / 引入jquery文件 / script type="text/javascr

在开发过程中，遇到过非常多的二级联动，下面是我总结出来的几种二级联动案例

二级联动（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());
}

});

}

/*获取数据*/

二级联动（2）- Array

第二种案例是使用二维数组传数据，使用javascript

二级联动北京

二级联动（3）- Ajax

第三种案例是使用ajax

二级联动

二级联动（3-1）- Ajax/php

第三种案例是使用ajax,从php中获取数据

Ajax案例一

php:

// 服务器端响应的是字符串

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

几种二级联动案例（jQuery&#92;Array&#92;Ajax php）

二级联动（1）

二级联动（2）- Array

二级联动（3）- Ajax

二级联动（3-1）- Ajax/php

几种二级联动案例（jQuery\Array\Ajax php）