0

我正在尝试隐藏一些内容，并且仅在在<select>字段中选择某些内容时才显示它。

据我了解，我需要隐藏内容作为开始，所以我正在尝试这样做：

      <div id="abc" style="display:none;">
       <tr> <!-- Third row -->
        <td>
            from
        </td>

        <td>
           <select name="serv" id="serv" style="width:100%; text-align:center; font-weight:bold;">

                <option value="US" name="US">Some other US option</option>
                <option value="US" name="US">some US option</option>

            </select>
        </td>
       </tr>
      </div>

这只隐藏了<div>而不是它的内容。

4

2 回答 2

2

浏览器解析此代码

<table>
    <div>
        <tr>
            <td>TABLE CELL</td>
        </tr>
    </div>
</table>

进入这个结构

截屏

请注意 DIV 如何不包裹您的表格行，而是放置在表格之前（作为相邻的兄弟）。因此，如果隐藏 DIV，表格行将不会随之隐藏。

无效的 HTML 会导致意外行为。编写有效的 HTML。

于 2013-02-24T20:06:49.907 回答
0

那<div>看起来不对。我假设您的<table>代码中的其他地方有一个标签，但您没有将它粘贴到这里。

您可以尝试将样式应用于<tr>标签。元素的子元素应始终继承该元素的样式，因此您放错<div>位置的标签可能是问题所在。试试这个：

<tr id="abc" style="display:none;"> <!-- Third row -->
    <td>
        from
    </td>

    <td>
       <select name="serv" id="serv" style="width:100%; text-align:center; font-weight:bold;">

            <option value="US" name="US">Some other US option</option>
            <option value="US" name="US">some US option</option>

        </select>
    </td>
</tr>
于 2013-02-24T20:02:43.333 回答