Question

jsp中在选中一个按钮后，使当前页面中一个下拉菜单隐藏或使其中值为空

比如: 有两个按钮，学生、教师。这两个按钮下面有两个下拉菜单 一个是班级 另一个是办公室。再选择学生按钮后使办公室菜单消失，或者使其中内容消失 该怎么实现？跪求

Answer 1

<script type="text/javascript">
function changebar(currentId,hiddenId){
document.getElementById(currentId).style.display='';
document.getElementById(hiddenId).style.display='none';
}
</script>

<input id="xs" name="xs" type="button" value="学生" onclick="changebar('xsselect','lsselect')" >
<input id="ls" name="ls" type="button" value="老师" onclick="changebar('lsselect','xsselect')" >
<select id="xsselect" >
<option value="同学1">同学1</option>
<option value="同学2">同学2</option>
</select>
<select id="lsselect" style="display: none;">
<option value="老师1">老师1</option>
<option value="老师2">老师2</option>
</select>

这个是最简单的 具体 你想要什么效果 可以在给信息我