文章/答案/技术大牛

发布

社区首页 >问答首页 >我如何隐藏身体的某些部分？

问我如何隐藏身体的某些部分？
EN

Stack Overflow用户

提问于 2010-05-25 17:20:20

回答 3查看 2.2K关注 0票数 0

我有一个表单，它包含下拉框和不同的div项。基于从下拉框中的选择，我显示了那些div项目。但是，这些div项中的一些文本是在加载表单时显示的，而不是在我从下拉框中选择选项时显示的。代码有点像这样

<form>
      <select id="">
          <option value="one"> One </option>
          <option value="two"> Two </option>
          <option value="three"> Three </option>
      </select>
      <div id="onee"> header text ..<table> </table></div>
      <div id="twoo"> header text ..<table> </table></div>

</form>

因此，当我加载带有选择下拉框的页面表单时，显示的是

，但它也显示了div中的标题文本。我该如何隐藏这段文字？

forms

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-05-25 17:26:26

 <div id="onee" style="display:none"> header text ..<table> </table></div>
      <div id="twoo" style="display:none"> header text ..<table> </table></div>

所以页面加载上的完整代码是

<form>
      <select id="">
          <option value="one"> One </option>
          <option value="two"> Two </option>
          <option value="three"> Three </option>
      </select>
      <div id="onee" style="display:none"> header text ..<table> </table></div>
      <div id="twoo" style="display:none"> header text ..<table> </table></div>

</form>

之后，在选中框中更改选项时

只需替换display:none with display:block

票数 1

Stack Overflow用户

发布于 2010-05-25 17:30:45

如果您使用JavaScript来显示基于选择的div，那么您可以首先隐藏所有的div。下面是如何在JQuery中这样做：

$("#onee").hide();
$("#twoo").hide();

或者你可以用CSS: diplay:none来隐藏它们。

如果在下拉列表中使用回发，则可以在服务器端控制html输出，并且只呈现所需的div。

票数 1

Stack Overflow用户

发布于 2010-05-25 17:25:29

您可以在显示时启动这些div:无。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2906857

复制

相似问题

问我如何隐藏身体的某些部分？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我如何隐藏身体的某些部分？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我如何隐藏身体的某些部分？
EN