启用和禁用表中的td
启用和禁用表中的td
提问于 2011-04-28 08:16:46
<td><select class="dropDownLists" name=reportFlag id="reportFlag" tabindex="10" style="WIDTH: 160px" onchange='onFocusReportingOptions();'>
<option value="Select">Select</option>
<option value="Y">Yes</option>
<option value="N">No</option>
</select>
</td>在我选择“是”或“否”选项后，应该向用户显示或不显示TD以下的选项。
<td id="first_td"><select class="dropDownLists" name=reportingOption id="reportFlag" tabindex="10" style="WIDTH: 160px" onchange='callonChange();'>
<option value="Select">Select</option>
<option value="MyTell">Report via tool</option>
<option value="Manual">Report via manually</option>
</select>
</td>
<td id="second_td"><select class="dropDownLists" name=acctFlag id="acctFlag" tabindex="10" style="WIDTH: 160px" onchange='callonChange();'>
<option value="Select">Select</option>
<option value="Y">Yes</option>
<option value="N">No</option>
</select>
</td>我的问题是，如何控制td的显示？我可以做的一种方法是使用DIV标记，但是如果我们使用Div标记，我了解到我们需要在td内使用表，在这种情况下，对齐将是一个问题。
有人能提出其他方法来实现这一点吗？
Stack Overflow用户
回答已采纳
发布于 2011-04-28 08:19:43
给TDs一个ID，然后使用Javascript隐藏具有相关ID的元素(通过CSS显示属性)。
<td id="first_td">content</td>
<td id="second_id"><content</td>
var elem = document.getElementById("first_td");
elem.style.display = "none";可以将TD隐藏或显示的逻辑封装在select下拉列表的事件处理程序中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5815654
复制相关文章
相似问题
腾讯云开发者
