javascript - 使用jquery隐藏和显示表单元素

Question

我想隐藏一些表单元素，只在需要时显示它们。

我的代码的问题是隐藏元素仍然占用空间。

这个问题有解决方案吗？

示例代码：

检查元素#choice。它是隐藏的，但它仍然在网站中占用空间。

score 2 · Accepted Answer

它们没有发生，但周围的

<br>

做...

要么包装在 div

<div class="initiallyhidden">
<br/>    
<select>.....</select>
<br/>
</div>

并隐藏它，或者离开我们的 br 并设置间距

score 2 · Accepted Answer

他们<br/>把这搞砸了。您的 jsfiddle 并没有证明元素仍然占用空间。看看我是怎么修改的：

选择类型 3 显示所有内容，选择类型 1 隐藏所有内容，然后选择类型 4 仅显示文本区域。请注意 textarea 如何与类型下拉列表对齐。选择选择器不占用空间。

当您隐藏选项选择器时，<br/>'s 仍然存在于 html 中，因此您会看到两个返回值。

score 1 · Accepted Answer

1

您看到的空间是由您的<br/>标签引起的。

于 2012-04-16T18:27:21.557 回答

score 1 · Accepted Answer

1

隐藏 n 个显示br标签：

$("br").hide()

于 2012-04-16T18:29:38.320 回答

4 回答 4