JSP页面用JS实现下拉框选中,接着会隐藏另一个文本框

Question

请教,比如一个下拉框中有  职位: "医生""管理员""挂号员"
    一 个文本框     科室:_____页面打开时科室开始是隐藏的,当选中医生时科室显示出来

Answer 1

职位：<select name="" id="sel" onchange="selChange()">
<option value="0">医生</option>
<option value="1">管理员</option>
<option value="2">挂号员</option>
</select>
<div id="ks">科室：<input type="text" name="" /></div>
<script type="text/javascript">
function selChange(){
var opt = document.getElementById("sel").options[document.getElementById("sel").options.selectedIndex].text;
document.getElementById("ks").style.display = opt==="医生"?'':'none';
}
</script>