Question

JSP select选择不同的option显示不同的东西

一个jsp页面上有一个select，当选择不同的option后，就会在同一个网页下面显示不同的东西。
我使用Script，在select添加了onchange，但不知道怎么在Script语言里控制jsp显示的东西。
我是新手，还请大虾说清楚点！

Answer 1

把页面的其它要根据下拉框选中的值而显示的内容放在不同的层里,当选中不同的option后,对应的层的内容显示,
如
<select id="val" ...><option ...</select>
在脚本代码里
var val=document.getElementById("val").value;
if(val=="某值")
document.getElementById('对应的层的ID').style.display="block";
.....具体有什么不了解的百度HI我.
你这个最好是用来显示动态数据(用Ajax)比较好使,否则一大批的静态数据难得搞..

Answer 2

<script type="text/javascript">
function test(){

document.getElementById('a').style.display='none';
document.getElementById('b').style.display='none';
document.getElementById('c').style.display='none';
var value=document.getElementById('select').value;
document.getElementById(value).style.display='block';
}
</script>

<select id="select" onchange="test()">
<option value="a" selected>a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

<div id="a" style="display:block">div1</div>
<div id="b" style="display:none">div2</div>
<div id="c" style="display:none">div3</div>

Answer 3

显示的东西应该赋予一个id
onchange里面可以写类似于

document.getElementById("xxx").value = 'xxx‘