Home/ Questions/Q 6976463
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T17:30:00+00:00

I am working on a project in which I have two DIVs (DIV1, DIV2),

  • 0

I am working on a project in which I have two DIVs (DIV1, DIV2), both have no. of text boxes which are creating dynamically.
I have to hide one of the DIV. On another DIV click event I am showing these DIVs accordingly and enter some text in those textboxes of DIV1. When I hide this div1 and show the DIV2 and enter some text in some textboxes of the DIV2 and hide it. When I show the DIV1 the textboxes are empty. I want these textboxes to retain their values that I entered before I hide it. The same occurs with DIV2 as well.
All these operations are doing by jquery and I need help in jquery.

Can any body help me please.
Thanks in Advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try code similar as below:

    <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>
    • 0