TextBox當div顯示/隱藏使用jquery時獲得清除

我正在一個項目中，我有兩個DIV（DIV1，DIV2），都沒有。正在動態創建的文本框。我必須隱藏其中一個DIV。在另一個DIV點擊事件中，我將相應地顯示這些DIV，並在DIV1的這些文本框中輸入一些文本。當我隱藏此div1並顯示DIV2並在DIV2的某些文本框中輸入一些文本並隱藏它時。當我顯示DIV1時，文本框是空的。我希望這些文本框在隱藏之前保留其輸入的值。 DIV2也是如此。所有這些操作都是由jquery完成的，我需要jquery幫助。TextBox當div顯示/隱藏使用jquery時獲得清除

任何機構都可以幫助我。在此先感謝。

來源

2011-12-28 Tanweer

你需要提供你的代碼。 – 2011-12-28 04:59:41

如果你想要功能像選項卡你去jquery ui標籤 – jaychapani 2011-12-28 05:05:08

如下類似的try代碼：

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

來源

2011-12-28 05:13:17

謝謝Umesh，我試過你的代碼，它工作正常，但在我的情況下，所有的TextBoxes正在創建動態地，這些不存在於DIV1和DIV2的內部HTML，因此我的文本框仍然變得清晰。 $（文件）。就緒（函數（）{ $（ '＃MainDiv'）點擊（函數（）{ $（ '＃DIV1'）切換（）; $（ '＃DIV2'） .toggle（）; }）; }）; – Tanweer 2011-12-28 05:27:41

你能在這裏更新你的代碼嗎？ – 2011-12-28 05:31:35

如何？抱歉，我無法得到您。 – Tanweer 2011-12-28 05:34:59

您應該使用.css('display', 'none')或.toggle()隱藏您的div s。

看來你正在刪除它們，然後向DOM添加新的。

你能告訴我們你的代碼嗎？

來源

2011-12-28 05:00:11 MegaHit

感謝您的快速回復，我暗示我的Divs爲 $（'＃DIV1'）。hide（）; （'＃DIV2'）。show（）; $（'＃DIV4'）。和所有的文本框都在這些DIV中 – Tanweer 2011-12-28 05:07:09

@Tanweer我試着用hide（）和show（），但它保留我的輸入值 – jaychapani 2011-12-28 05:18:20

TextBox當div顯示/隱藏使用jquery時獲得清除

回答

相關問題