js html 小问题。。求助。

<body>
<table>
<tr><td colspan="5" align="left"><b>fff信息</b></td></tr>
<tr>
<td align="right">是否：</td>
<td colspan="5" align="left">
<select name="carYN" id="carYN">
  <option value ="no" selected="selected">无</option>
  <option value ="yes">有</option>
</select>
</td>
</tr>
<div id="car" style="display:none"> <tr>
<td align="right">ddd</td><td><input type="text" id="ss"/></td>
     <td align="right">ddd</td><td><input type="text" id="ss"/></td>
     <td align="right">ddd</td><td><input type="text" id="ss"/></td>
     </tr>
     <tr>
<td align="right">fff</td><td><input type="text" id="ss"/></td>
     <td align="right">fff</td><td><input type="text" id="ss"/></td>
     <td align="right">fff</td><td><input type="text" id="ss"/></td>
     </tr> </div>
     <tr><td align="right">rrrr</td><td colspan="5"><input type="text" id="ss"/></td></tr>

<table/>
</body>
以上这段代码<div> 里面的内容我想默进来不显示的。但是那个style="display:none" 怎么不起作用？这是一个。
然后我想写个js 让下拉框选择有的时候把这个层里面的内容再显示出来

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

    <table>
            <tr><td colspan="5" align="left"><b>fff信息</b></td></tr>
                <tr>
                    <td align="right">是否：</td>
                    <td colspan="5" align="left">
                        <select name="carYN" id="carYN">
                          <option value ="no" selected="selected">无</option>
                          <option value ="yes">有</option>
                        </select>
                    </td>
                </tr>                    <tr style="display:none;">
                        <td align="right">ddd</td><td><input type="text" id="ss"/></td>
                        <td align="right">ddd</td><td><input type="text" id="ss"/></td>
                        <td align="right">ddd</td><td><input type="text" id="ss"/></td>
                    </tr>
                    <tr style="display:none;">
                        <td align="right">fff</td><td><input type="text" id="ss"/></td>
                        <td align="right">fff</td><td><input type="text" id="ss"/></td>
                        <td align="right">fff</td><td><input type="text" id="ss"/></td>
                    </tr>
                <tr><td align="right">rrrr</td><td colspan="5"><input type="text" id="ss"/></td></tr>

        <table/>
另外，table结束标签写错了<table/>---></table>。
怎么会没法写呢，行数不固定的话，给需要隐藏的行加上个class，固定的话什么都不用加也能定位。
<body>
<script type="text/javascript">
function showRows() {
var rows = document.getElementsByTagName('table')[0].getElementsByTagName('tr');
for (var i = 0; i < rows.length; i ++) {
if (rows[i].className == 'h') rows[i].style.display = '';
}
}
</script>
    <table>
            <tr><td colspan="5" align="left"><b>fff信息</b></td></tr>
                <tr>
                    <td align="right">是否：</td>
                    <td colspan="5" align="left">
                        <select name="carYN" id="carYN">
                          <option value ="no" selected="selected">无</option>
                          <option value ="yes">有</option>
                        </select>
                    </td>
                </tr>                    <tr style="display:none;" class="h">
                        <td align="right">ddd</td><td><input type="text" id="ss"/></td>
                        <td align="right">ddd</td><td><input type="text" id="ss"/></td>
                        <td align="right">ddd</td><td><input type="text" id="ss"/></td>
                    </tr>
                    <tr style="display:none;" class="h">
                        <td align="right">fff</td><td><input type="text" id="ss"/></td>
                        <td align="right">fff</td><td><input type="text" id="ss"/></td>
                        <td align="right">fff</td><td><input type="text" id="ss"/></td>
                    </tr>
                <tr><td align="right">rrrr</td><td colspan="5"><input type="text" id="ss"/></td></tr>

        <table/>

<input type="button" id="btn" onclick="showRows();" value="点我显示隐藏行" />
</body>

js html 小问题 。。求助 。

解决方案 »

js html 小问题。。求助。