本文介绍了一个简单的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">
<!--
var vis = 'b';
function change(){
vis=document.getElementById('PM').value;
var a = document.getElementById('a');
var b = document.getElementById('b');
if(vis=='b'){
a.style.display = 'block';
b.style.display = 'none';
vis = 'a';
}else{
a.style.display = 'none';
b.style.display = 'block';
vis = 'b';
}
}
//-->
</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>
<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">
<!--
var vis = 'b';
function change(){
vis=document.getElementById('PM').value;
var a = document.getElementById('a');
var b = document.getElementById('b');
if(vis=='b'){
a.style.display = 'block';
b.style.display = 'none';
vis = 'a';
}else{
a.style.display = 'none';
b.style.display = 'block';
vis = 'b';
}
}
//-->
</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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
