js通过下拉菜单选择不同的div显示

最新推荐文章于 2023-08-02 13:53:55 发布

最新推荐文章于 2023-08-02 13:53:55 发布 · 916 阅读

文章标签：

#HTML

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了一个选择器切换功能，通过下拉菜单来显示不同的选项列表。此示例有助于理解基本的网页交互设计。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<BODY>
<select id="PM" onchange="change()">
<option value="a">a</option>
<option value="b">b</option>
</select>
<div id = "a" style = "display:none">
<select id="a">
<option value="test1">a.test1</option>
<option value="test2">a.test2</option>
</select>
</div>

<div id = "b">
<select id="b">
<option value="sb">sb</option>
<option value="sb1">sb1</option>
</select>
</div>
</BODY>
</HTML>