JavaScript实现联动效果

最新推荐文章于 2022-04-13 21:14:20 发布

jjkang_

最新推荐文章于 2022-04-13 21:14:20 发布

阅读量1.4k

点赞数

分类专栏： js笔记文章标签： javascript js 联动

本文链接：https://blog.csdn.net/jjkang_/article/details/55098943

版权

本文通过一个实例展示了如何使用JavaScript来创建二级菜单的联动效果，这是一个基础但实用的前端开发技巧。

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

用JavaScript实现菜单的联动是非常常见的效果，写了一个小例子，模拟一下菜单联动，二级的，很简单

<!DOCTYPE html>
<html>
<head>
<title>js联动.html</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>
	<select id="province" οnchange="selectProvince()">
		<option>请选择省</option>
		<option>河南</option>
		<option>新疆</option>
		<option>山东</option>
		<option>河北</option>
	</select>省
	<select id="cit