私は2つのDIV（DIV1、DIV2）を持っているプロジェクトに取り組んでいます。動的に作成されているテキストボックスの数。 DIVの1つを非表示にする必要があります。別のDIVクリックイベントでは、これらのDIVを適宜表示し、DIV1のテキストボックスにテキストを入力します。このdiv1を非表示にしてDIV2を表示し、DIV2のテキストボックスにテキストを入力して非表示にします。 DIV1を表示すると、テキストボックスは空になります。私はこれらのテキストボックスに、私がそれを隠す前に入力した値を保持しておきたい。 DIV2でも同じことが起こります。 これらの操作はすべてjqueryによって行われており、jqueryのヘルプが必要です。TextBox jqueryを使用してdivを表示/非表示にするとき
私の体は何か助けてください。 ありがとうございました。
てみてくださいコード：
<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>
.css('display', 'none')または.toggle()を使用してdivを非表示にする必要があります。
DOMを削除して新しいものをDOMに追加しているようです。
コードを表示できますか？以下同様
すばやくお返事ありがとうございます。 $（ '＃DIV1'）。hide（）; $（ '＃DIV2'）。show（）; すべてのテキストボックスはこれらのDIVの中にあります – Tanweer
@Tanweer hide（）とshow（）で試しましたが、入力に値を保存します – jaychapani
あなたはあなたのコードを提供する必要があります。 –
タブのような機能が必要な場合は、jquery UIタブに行く – jaychapani