JQ实现省市联动及文档操作

xiaoxiao2021-02-28  34

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();   //获取市的下拉选  

转载请注明原文地址: https://www.6miu.com/read-1950241.html

最新回复(0)