部门员工-下拉列表联动

来源：互联网发布：windows10未识别网络编辑：程序博客网时间：2024/06/06 09:55

<!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" onchange="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>

阅读全文

1 0