display显示.html

最新推荐文章于 2022-06-04 16:47:51 发布

原创最新推荐文章于 2022-06-04 16:47:51 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

js效果专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现两个不同内容块之间的切换效果。通过下拉菜单选择不同的选项，可以显示或隐藏对应的div元素，演示了基本的网页交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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">

function change(){
if(document.getElementById("selectcheck").value=='0'){
document.getElementById("a").style.display="";
document.getElementById("b").style.display="none";
}

if(document.getElementById("selectcheck").value=='1'){
document.getElementById("b").style.display="";
document.getElementById("a").style.display="none";
}
}
</script>

</head>

<body>
<select name="selectcheck" id="selectcheck" onclick="change();">
<option value="0" selected >出现aaaaa</option>
<option value="1">出现bbb</option>
</select>

<br><br><br><br><br><br>

<div id="a">aaaaa</div>

<div id="b" style="display:none">bbb</bbb>
</body>

</html>