gpt4 book ai didi

javascript - 使用 javascript 根据选择显示/隐藏(切换)div 的显示

转载 作者:太空宇宙 更新时间:2023-11-04 14:18:18 24 4
gpt4 key购买 nike

<分区>

我有一个带有下拉菜单和两个 div 的网页,如下所示:

<html>
<head>
<title>Show/Hide a div section based on selection</title>
</head>
<body>
<select id='sel'>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

<div id="firstdiv">
<label><input type="checkbox" id='1' />A</label>
<label><input type="checkbox" id='2' />B</label>
<label><input type="checkbox" id='3' />C</label>
</div>

<div id="seconddiv">
<label><input type="checkbox" id='4' />D</label>
<label><input type="checkbox" id='5' />E</label>
<label><input type="checkbox" id='6' />F</label>
</div>
</body>
</html>

如何使用 javascript 或 jQuery 根据选择切换上述两个 div 的显示? IE。当我选择选项 1 时,firstdiv 应该显示,后面的应该隐藏,反之亦然。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com