如何在切換標籤時保留表單數據？

Question

設置：

的主頁上有2個選項卡：

• 標籤1具有這樣的形式，其中用戶填寫。
• 然後他點擊標籤2.
• 然後他回來的標籤1.

問題：

當用戶回來選項卡1，所有他充滿數據失去了。

有沒有一種方法可以保存表單數據？

作爲旁註，選項卡1有一個「提交」按鈕。提交按鈕也會在您點擊該表單後清除表單，但有一個選項 - preventDefault()，我們可以通過該選項控制其默認行爲並在點擊後保留用戶輸入的數據。只是想知道是否有類似的標籤？

更新1：

我能夠通過簡單地參照這是對標籤1的字段名存取權限選項卡2的用戶輸入的數據所以我猜這個數據不會丟失。

更新2：

代碼：http://www.jsfiddle.net/pnuJT

Answer 1

設置選項卡時，您需要指定cache選項。

$(".selector").tabs({ cache: true }); 

它會阻止標籤插件每次在它們之間切換時重新加載標籤內容。

jQuery UI Tab Options

Answer 2

你，你是使用jQuery標籤的評論，但的jsfiddle不包括提及。你確定你使用的是這樣的：

http://jqueryui.com/demos/tabs/

你可以解決你的問題非常具有使用這樣的插件容易。主要問題是您正在重新加載頁面。