Question

求解，怎么使用JS（javascript）控制select隐藏层，我想选择我要隐藏时，隐 藏div id="one"这个层

<div> <select name="termType" size="1" id="termType"

style="width:150px" onChange="doProcess

([this.options.selectedIndex].value)">
<option value="1">我要隐藏</option>
<option value="2">我要显示</option>
</select>
<div>
<div id="one">呵呵，嘿嘿，呜呜</div>

Answer 1

<script type="text/javascript">
function doProcess() {
var o = document.getElementById("one"), ddl = document.getElementById("termType");
//兼容FF
var className = typeof (o.getAttribute("className")) == "string" ? "className" : "class";
if (ddl.options[ddl.selectedIndex].value == "1") {
o.setAttribute(className, "hidden");
} else {
o.setAttribute(className, "show");
}
}
</script>
<style type="text/css">
.show
{
display:block;
}
.hidden
{
display:none;
}
</style>

<div> <select name="termType" size="1" id="termType" style="width:150px" onchange="doProcess()">
<option value="1">我要隐藏</option>
<option value="2">我要显示</option>
</select>
<div>
<div id="one">呵呵，嘿嘿，呜呜</div>

Answer 2

<div>
<select name="termType" size="1" id="termType" style="width:150px" onchange="javascript:document.getElementById("one").style.display=this.options.selectedIndex==0?'none':'block';">
<option value="1">我要隐藏</option>
<option value="2">我要显示</option>
</select>
<div>
<div id="one">呵呵，嘿嘿，呜呜</div>

Answer 3

利用onchange事件，返回select的selectedIndex，进行判断后控制one的display是none还是block