js实现简单的级联下拉列表

林小白的日常

于 2024-04-28 13:37:45 发布

阅读量555

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_51609337/article/details/138275415

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			select{
				width: 150px;
			}
		</style>
	</head>
	<body>
		<select name="firstEn" id="firstEn">
		</select>
		<select name="secondEn" id="secondEn">
			
		</select>
		<script type="text/javascript">
			let data = [
				{
					firstData:'农用动力机械',
					secondData:['内燃机和装备内燃机的拖拉机','电动机','风力机','水轮机和各种小型发电机组']
				},
				{
					firstData:'农用建设机械',
					secondData:['推土机','平地机','铲运机','挖掘机','装载机','凿岩机']
				},
				{
					firstData:'农用耕作机械',
					secondData:['桦式犁','圆盘犁','凿式犁','旋耕机']
				},
				{
					firstData:'农用种植机械',
					secondData:['播种机','栽种机','秧苗栽植机']
				},
				{
					firstData:'农用保护机械',
					secondData:['化学或物理方法除草设备','用物理方法防治病虫害的设备']
				},
				{
					firstData:'农田排