Question

我正在开发一个项目，其中我有两个DIV（DIV1，DIV2），两者都没有。动态创建的文本框。我必须隐藏其中一个DIV。在另一个DIV点击事件中，我相应地显示这些DIV并在DIV1的那些文本框中输入一些文本。当我隐藏这个div1并显示DIV2并在DIV2的某些文本框中输入一些文本并隐藏它。当我显示DIV1时，文本框是空的。我希望这些文本框保留我在隐藏它之前输入的值。 DIV2也是如此。所有这些操作都是通过jquery进行的，我需要在jquery中提供帮助。

任何身体都可以帮助我。在此先感谢。

Answer 1

您应该使用div或.css('display', 'none')隐藏.toggle()。

您似乎正在删除它们，然后向DOM添加新的。

你能告诉我们你的代码吗？

Answer 2

尝试类似下面的代码：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<style>
.container{
border:1px solid gray;
margin:10px;
}
p,input{margin:10px;}
</style>
<script type="text/javascript">
 $(document).ready(function(){
    $("#p1").click(function(){ $("#div2").toggle();});
    $("#p2").click(function(){ $("#div1").toggle();}); 
 });
</script>
</head>
<body>
<div class="container">
<p id="p1">Text in block2</p>
<div id="div1">
    <input type="text" value="Some text in div 1" class="c1" />
    <input type="text" value="Some text in div 1" class="c1" />
</div>
</div>
<div class="container">
<p id="p2">Text in block1</p>
<div id="div2">
  <input type="text" value="Some text in div 2" class="c2" size="20"/>
  <input type="text" value="" class="Some text in div 2" size="20"/>
</div>
</div>
</body>
</html>

TextBox使用jquery显示/隐藏div时清除

2 个答案: