select两个联动选择的问题

上面选什么下面跟着选什么，两个select都只有两个参数

 <select name="emp.EFlag" class="selectinput" onchange="setTargetIndex('emp.EAdmin', this.selectedIndex)">
    <option value="0">普通员工</option>
    <option value="1">部门主管</option>
</select><br />
<select name="emp.EAdmin" class="selectinput" onchange="setTargetIndex('emp.EFlag', this.selectedIndex)">
    <option value="0">普通操作者</option>
    <option value="1">部门主管</option>
</select>
<script>
    function setTargetIndex(name, index) {
        document.getElementsByName(name)[0].selectedIndex = index;
    }
</script>

员工类别:


员工
主管


权限级别:


普通
部门


<br> function select1(){<br> var selected_val = document.getElementById(&quot;selectinput1&quot;).value;<br> if(selected_val == 1){<br> document.getElementById(&quot;selectinput2&quot;).value = 1;<br> }else{<br> document.getElementById(&quot;selectinput2&quot;).value = 0;<br> }<br> }<br>

empEAdmin开始时下拉框内容为空。
$("select[name=empEFlag]").select(function(){
var $admin = $("select[name=empEAdmin]").val();
var v = $(this).val();
var html="";
if(v==0){
html="普通操作者"
}else if(v==1){
html="部门主关"
}

$admin.html(html)
});