Javascript 基于多个下拉列表值从数组填充下拉列表

请指导我如何使此代码更好

var-employees\u-json=[
{“id”：“1”，“部门id”：“1”，“指定id”：“1”，“员工类型id”：“1”，“姓名”：“名称1”}，
{“id”：“2”，“部门id”：“2”，“指定id”：“2”，“员工类型id”：“1”，“姓名”：“姓名2”}，
{“id”：“3”，“部门id”：“3”，“指定id”：“3”，“员工类型id”：“2”，“姓名”：“姓名3”}，
{“id”：“4”，“部门id”：“4”，“指定id”：“4”，“员工类型id”：“3”，“姓名”：“名称4”}，
{“id”：“5”，“部门id”：“5”，“指定id”：“5”，“员工类型id”：“3”，“姓名”：“名称5”}
];
$（“.u员工选择”）.change（函数（）{
更新_员工（）；
});
职能更新(员工){
var departments_id=$（'#departments_id'）.val（）；
变量名称_id=$（'#名称_id'）.val（）；
var employee_types_id=$（'#employee_types_id'）.val（）；
选项='选择一个选项'；
$.each（雇员、函数（索引、val）{
var选择=0；
如果（部门id=''值。部门id==部门id）{
选择+=1；
}
if（名称| id=''值|名称| id==名称| id）{
选择+=1；
}
if（employee_types_id=''val.employee_types_id==employee_types_id）{
选择+=1；
}
如果（选择==3）{
选项+=`${val.name}`；
}
});
$（“#employees_id”）.html（选项）；
}

选择一个选项
管理
数据输入
发展
管理层
营销
选择一个选项
管理
数据输入
发展
管理层
营销
选择一个选项
永久的
合同
试用期

它们可以是同一部门的多个部门，名称可以不同吗？不可以。每件事都是独一无二的。在JSFIDLE中只有这3个下拉列表。那么它们是否需要命名列表呢？我说的是你的JSON是他们重复的数据吗？我投票结束这个问题，因为代码改进建议更适合CodeReview.stackexchange.com.Look（我认为对于用户来说，锁定第四个输入更简单，直到三个输入都被填满）。