用onchange 同时改变其它几个下拉的选定值。各个选项的值由adp读数据库生成.
例:
<SELECT id=select1 name=select1
onchange="select2.selectedIndex=this.selectedIndex;select3.selectedIndex=this.selectedIndex;">
<OPTION>请选择姓名</OPTION>
<OPTION value="tiemuzhen">铁木真</OPTION>
<OPTION value="aguda">完颜阿骨打</OPTION>
<OPTION value="abaoji">耶律阿保机</OPTION>
<OPTION value="zhangkuangyin">赵匡胤</OPTION>
</SELECT>
<SELECT id=select2 name=select2 disabled>
<OPTION>民族</OPTION>
<OPTION value="menggu">蒙古</OPTION>
<OPTION value="jin">金</OPTION>
<OPTION value="liao">辽</OPTION>
<OPTION value="han">汉</OPTION>
</SELECT>
<SELECT id=select3 name=select3 disabled>
<OPTION>年龄</OPTION>
<OPTION value=55>55</OPTION>
<OPTION value=32>32</OPTION>
<OPTION value=44>44</OPTION>
<OPTION value=38>38</OPTION>
</SELECT>
例:
<SELECT id=select1 name=select1
onchange="select2.selectedIndex=this.selectedIndex;select3.selectedIndex=this.selectedIndex;">
<OPTION>请选择姓名</OPTION>
<OPTION value="tiemuzhen">铁木真</OPTION>
<OPTION value="aguda">完颜阿骨打</OPTION>
<OPTION value="abaoji">耶律阿保机</OPTION>
<OPTION value="zhangkuangyin">赵匡胤</OPTION>
</SELECT>
<SELECT id=select2 name=select2 disabled>
<OPTION>民族</OPTION>
<OPTION value="menggu">蒙古</OPTION>
<OPTION value="jin">金</OPTION>
<OPTION value="liao">辽</OPTION>
<OPTION value="han">汉</OPTION>
</SELECT>
<SELECT id=select3 name=select3 disabled>
<OPTION>年龄</OPTION>
<OPTION value=55>55</OPTION>
<OPTION value=32>32</OPTION>
<OPTION value=44>44</OPTION>
<OPTION value=38>38</OPTION>
</SELECT>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body>
<table border=1>
<tr>
<td>员工</td>
<td>
<select name=gonghao onchange="gongHaoChangeFun();">
<option value="" xinmin="" xinbie="" xueli=""></option>
<option value="P001" xinmin="张三" xinbie="男" xueli="本科">P001</option>
<option value="P002" xinmin="李四" xinbie="女" xueli="研究生">P002</option>
</td>
<td>
<input name=xinmin readOnly>
<input name=xinbie readOnly>
<input name=xueli readOnly>
</td>
</tr>
</table>
<script>
function gongHaoChangeFun()
{
var gongHaoObj=document.all.gonghao;
var currentOption=gongHaoObj.options[gongHaoObj.selectedIndex];
document.all.xinmin.value=currentOption.xinmin;
document.all.xinbie.value=currentOption.xinbie;
document.all.xueli.value=currentOption.xueli;
}
</script>
</body></html>
可以变成手工输入工号,然后从服务端取得该工号对应的员工的其它属性回填。
如果用户真的要求还得有选择的功能,可以在工号输入框旁连加个按钮,点击弹出员工选择对话框。
可以参考这一贴:http://community.csdn.net/Expert/topic/4166/4166938.xml?temp=.6296656