本文展示了一个使用JavaScript实现的联动下拉列表效果。当用户在第一个下拉框（省份）中选择一个值时，第二个下拉框（城市）的选项会相应更新。例如，当选择'山东省'时，城市选项变为'济南市'和'青岛市'；选择'辽宁省'时，城市选项变为'大连市'和'丹东市'。通过JavaScript的onchange事件监听和DOM操作实现了这一交互功能。
<!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="">
</HEAD>
<BODY>
<select id='a' name='a' onchange='selectCity()'>
<option value="1">山东省</option>
<option value="2">辽宁省</option>
</select>
<select id='b' name='b' >
<option value=1>济南市</option>
<option value=2>青岛市</option>
</select>
</BODY>
</HTML>
<script language='javascript'>
function selectCity()
{
//var obj=document.getElementById("b");
for(var k=0;k<b.length;k++)
{
b.options.remove(b[k]); //删除所有b下拉列表框中的内容
}
if (document.all("a").value=="1")
{
b.remove(0);
b.options[b.options.length] = new Option('济南市', 0);
b.options[b.options.length] = new Option('青岛市', 1);
}
if (document.all("a").value=="2")
{
b.remove(0);
b.options[b.options.length] = new Option('大连市', 0);
b.options[b.options.length] = new Option('丹东市', 1);
}
}
</script>
扫一扫
3634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
