js中表单的二级联动

最新推荐文章于 2024-05-31 10:47:24 发布

keyyyy1993

最新推荐文章于 2024-05-31 10:47:24 发布

阅读量760

点赞数

本文链接：https://blog.csdn.net/keyyyy1993/article/details/89365558

版权

思路:制作一级选项表准备对应一级选项的二级选项获取一级选项表的当前值判断一级选项表的当前值,循环生成二级选项中对应选项清除掉之前二级选项中的内容,再将新的二级选项内容添加进二级选项表结束代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

摘要由CSDN通过智能技术生成

思路:

制作一级选项表
准备对应一级选项的二级选项
获取一级选项表的当前值
判断一级选项表的当前值,循环生成二级选项中对应选项
清除掉之前二级选项中的内容,再将新的二级选项内容添加进二级选项表
结束

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<select name="level1" id="L1" size="1" onchange= "fn(this.value)">
<option value="0" selected="selected">请选择</option>
<option value="1">辽宁省</option>
<option value="2">河北省</option>

</select>

<select name="level2" id="L2" size="1">
    <option value="0" selected="selected">请选择</option>


</select>

<script>
    var L2 = document.getElementById("L2");
    var city1 = ["沈阳&

最低0.47元/天解锁文章

keyyyy1993

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js中表单的二级联动

思路:制作一级选项表准备对应一级选项的二级选项获取一级选项表的当前值判断一级选项表的当前值,循环生成二级选项中对应选项清除掉之前二级选项中的内容,再将新的二级选项内容添加进二级选项表结束代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
复制链接

扫一扫