选择下拉框列表的值，改变其它元素的值

最新推荐文章于 2022-08-17 16:29:39 发布

q7825103

最新推荐文章于 2022-08-17 16:29:39 发布

阅读量592

点赞数 1

本文链接：https://blog.csdn.net/q7825103/article/details/102952797

版权

<HTML>
	<HEAD>
		<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
		<TITLE>关联菜单(选中洲名列出相关信息)</TITLE>
		<SCRIPT LANGUAGE="JavaScript">
			<!-- Begin
var state = new Array(50);
var capital = new Array(50);
var date = new Array(50);
var flower = new Array(50);
var bird = new Array(50);
state[0] = "资料1";
capital[0] = "AAAA";
date[0] = "December 14, 1819";
flower[0] = "Camellia";
bird[0] = "Yellowhammer";
state[1] = "资料2";
capital[1] = "BBBB";
date[1] = "January 3, 1959";
flower[1] = "Forget-me-not";
bird[1] = "Willow Ptarmigan";
state[2] = "资料3";
capital[2] = "CCCC";
date[2] = "February 14, 1912";
flower[2] = "Suguaro Cactus Blossom";
bird[2] = "Cactus Wren";
function showInfo() {
var page = document.triviaform;
var choice = page.statesList;
for (var i = 0; i <= state.length; i++) {
if (choice.options[choice.selectedIndex].value == state[i]) {
page.capital.value = capital[i];
page.date.value = date[i];
page.flower.value = flower[i];
page.bird.value = bird[i];
break;
}
else {
page.capital.value = "";
page.date.value = "";
page.flower.value = "";
page.bird.value = "";
}
}
}
// End -->
</script>
	</HEAD>
	<BODY>
		<center>
			<form name=triviaform>
				<table border=1>
					<tr>
						<td align=center>
							<p>
								<font size=6><em><strong><u>
												<font size="2">这个实例只是提供给你一种思路而已</font>
											</u></strong></em></font>
								<p>（故未做汉化）

									<font size=3></font>
									<p>Select a state: <select name=statesList size=1 onChange="showInfo()">
											<option value="">Select ---->
											<option value="资料1">资料1
											<option value="资料2">资料2
											<option value="资料3">资料3
										</select>
										<p>Capital: <input type=text size=25 name=capital>
											<p>Admitted On: <input type=text size=20 name=date>
												<p>State Flower: <input type=text size=20 name=flower>
													<p>State Bird: <input type=text size=23 name=bird>
						</td>
					</tr>
				</table>
			</form>
		</center>
	</BODY>
</HTML>

q7825103

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
选择下拉框列表的值，改变其它元素的值

<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>关联菜单(选中洲名列出相关信息)</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!--...
复制链接

扫一扫