Question

写了一个html的页面，想要实现select的功能，选中某个option 对应的表会出现。不知道哪里写的有问题。

图片好像显示不出来，我的qq：three one four seven two three five nine eight ，如果你那里也显示不出来的话，直接邮件联系我，谢谢了。





Answer 1

何不直接用select<onchange>呢？

示例如下：

<select onchange="showHide()" id="selectOne">
    <option value="volvo">Hello One</option>
    <option value="saal">Hello Two</option>
</select>
<script type="text/javascript">
function showHide(){
    var obj, index, id;
    obj = document.getElementById('selectOne');
    index = obj.selectedIndex;
    id = obj.options[index].value;
}
</script>

上面Js获得的id就是你option对应的value值（就是你设定的table的Id）

根据display:none/display:block相应设定隐藏/显示即可。

追问

非常感谢啊，已经好了。

Answer 2

select的事件是写在select上面的，类似
<select onclick="showHide(this.value)">
<option value=“1”>前年同期比较</option>
</select>
function showHide(obj){
if(obj=="1"){
//选中<option value=“1”>前年同期比较</option>触发的事件
}
}

追问

还是不行啊

追答

你那些值要加引号啊，document.getElementById("volvo").style.display="none";这里的volvo要用引号的，类似这种的写法都要加引号，只要不是传入的参数都要加引号，还有if(id=="volvo")类似这里的也要加引号

追问

可以了，非常感谢啊啊 啊

追答

是不能进入showHide()方法，还是说不能实现你要的功能？我这边页面做了小测试，是可以的。

Answer 3

追问

还是不行啊

追答

追问

已经好了，非常感谢