JQ实现省市联动及文档操作
一、步骤分析
1、创建好对应的数组
2、派发下来选的改变onchange事件触发函数
3、编写函数
4、函数内先获取省的下拉选通过传值的方式将数组联系起来
5、利用each遍历数组,使用append()方法给城市下拉选增加option标签并增加数组值
二、代码实现
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JQ省市联动</title> </head> <script src="js/jquery-1.11.0.min.js"></script> <script> $(function(){
var i=0; var arr= new Array(3); arr[0]= new Array("延安","西安","渭南"); arr[1]= new Array("1","2","3"); arr[2]= new Array("4","5","6"); $("[name='pro']").change(function(){
//获取省的下拉选的值 var $pro= $("[name='pro']").val(); //获取市的下拉选