yang649459172 2012-08-05 18:26
浏览 291
已采纳

如何用attachEvent动态的控制table的显示

要实现根据[b]选择的select的值对应显示相应的table[/b],为什么不能用?代码有错吗?
[code="html"]


<br> function show(){<br> var item = document.getElementById(&quot;s&quot;);<br> if(item.value == &quot;1&quot;){<br> document.getElementById(&quot;t1&quot;).style.visibility = &quot;visibile&quot;;<br> }else if(item.value == &quot;2&quot;){<br> document.getElementById(&quot;t2&quot;).style.visibility = &quot;visibile&quot;;<br> }<br> }<br> document.getElementById(&quot;s&quot;).attachEvent(&quot;onchange&quot;,show);<br>
<body>
    <select id="s">
        <option value="1">table1</option>
        <option  value="2">table2</option>
    </select>
    <br/>
    <br/>
    <br/>
    <table border=1 id="t1" style="visibility:hidden">
        <tr><td>1</td></tr>
    </table>
    <table border=1 id="t2" style="visibility:hidden">
        <tr><td>2</td></tr>
    </table>
</body>


[/code]
用[b]CSS[/b]能实现吗?

  • 写回答

1条回答 默认 最新

  • iteye_7115 2012-08-06 10:45
    关注

    你的代码有以下三点问题:
    1、中代码的编译顺序问题。因为你是加在<header>中,所以会在页面初始化完成之间先编译了,因此document.getElementById(&quot;s&quot;).attachEvent(&quot;onchange&quot;,show); 你这个地方应该会报错,因为页面上还没初始化select标签,所以找不到id=s的标签</p> <p>2、因为你用的是attachEvent绑定事件,所以你的程序只能用ie,为了跨浏览器,还得加判断用addEventListener</p> <p>3、.style.visibility = &quot;[color=red]visibile[/color]&quot; 这个地方的单词你拼错了吧,应该是[b]visible[/b]</p>

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘