两级联动实现的三种方法

最新推荐文章于 2024-02-27 04:45:00 发布

VIP文章阮太太

最新推荐文章于 2024-02-27 04:45:00 发布

阅读量2.2k

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/qq_38409767/article/details/99971894

版权

方法一：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
    window.onload = function(){
     var cities = [
      [],
      [{"name":"武汉市","value":101},{"name":"黄冈市","value":102},{"name":"襄阳市","value":103},{"name":"孝感市","value":104},],
      [{"name":"长沙市","value":101},{"name":"黄冈市","value":102},{"name":"襄阳市","value":103},{"name":"孝感市","value":104},],
      [{"name":"南京市","value":101},{"name":"黄冈市","value":102},{"name":"襄阳市","value":103},{"name":"孝感市","value":104},],
    
     ]


//找到name为cities的元素，保存在变量中，一遍后续修改
var selCit = document.getElementsByName("cities")[0];
console.log(selCit);
//为name为provs的元素绑定内容改变就会触发的函数onchange事件
//select对象有个属性：selectedIndex（当前元素选中那一项的下标位置）
console.log(document.getElementsByName("provs"[0]));
document.getElementsByName("provs")[0].onc

最低0.47元/天解锁文章

优惠劵

阮太太

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
两级联动实现的三种方法

方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function(){...
复制链接

扫一扫