部门员工-下拉列表联动

最新推荐文章于 2023-03-14 09:27:52 发布

「已注销」

最新推荐文章于 2023-03-14 09:27:52 发布

阅读量2k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/BinaryLie/article/details/78190394

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>下拉列表联动</title>
</head>
<body>
	<select id="bumen" οnchange="chooseyg()">
		<option>--请选择--</option>
	</select>
	<select id="yuangong">
		<option>--请选择--</option>
	</select>
	<script>
		var bumen = document.getElementById("bumen");
		var yuangong = document.getElementById("yuangong");
		var bumens = [ '部门1', '部门2' ];// 后台请求		
		for (var i = 0; i < bumens.length; i++) {//初始化部门
			bumen.innerHTML += '<option value="'+bumens[i]+'">' + bumens[i]
					+ '</option>';
		}
		//选择员工
		function chooseyg() {
			// 根据bumen.value后台请求
			yuangong.innerHTML = '<option>--请选择--</option>';
			for (var i = 1; i <= 5; i++) {
				yuangong.innerHTML += '<option value="'+i+'">' + bumen.value
						+ '里的员工' + i + '</option>';
			}
		}
	</script>
</body>
</html>