同步页面上多个select的值

最新推荐文章于 2021-06-03 09:45:04 发布

最新推荐文章于 2021-06-03 09:45:04 发布 · 205 阅读

文章标签：

#金融 #JavaScript #HTML #ViewUI

js 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现在网页中同步多个选择框（select）值的方法。当一个选择框的值发生变化时，另一个选择框的值也随之改变，以此实现两者之间的同步。此方法适用于需要保持选项一致性的场景。

同步页面上多个select的值

<html>
	<script language="JavaScript" type="text/JavaScript">
	function synchronous(sr,des){
		alert("dd");
		des.selectedIndex =sr.selectedIndex; 
	}
	</script>
	<form name ="form1">
		<select name="select1" onchange="javascript:synchronous(select1,select2);">
			<option value="-1">全部</option>
			<option value="1">计算机</option>
			<option value="2">金融</option>
		</select>
		<select name="select2" onchange="javacript:synchronous(select2,select1);">
			<option value="-1">全部</option>
			<option value="1">计算机</option>
			<option value="2">金融</option>
		</select>
	</form>
</html>