2016-08-25 65 views
0

我正在從1頁移動到其他HTML,傳遞表單元素及其值。在表單加載的jQuery切換

在創建值時,我根據需要顯示/隱藏某些元素。 現在當我在下一頁我點擊編輯,我回到這個頁面,但視圖是默認視圖。

如何修改視圖使用jQuery/JavaScript的默認情況下基於保存的值,在窗體重新加載編輯?

if(jQuery('#UPLOADFILE').prop('checked') == true) { 

    jQuery('.FILEVIEW').show(); 

    jQuery('.OTHERVIEW').hide(); 

} 

請問你能給我一個js例子如何激活上面的代碼。每次我重新加載頁面時,這段代碼都不會執行,雖然#UPLOADFILE被選中。

在此先感謝。

+0

如何加載頁面?使用ajax? –

+0

我使用perl和.esp頁面來做到這一點 – varsha8392

+0

但無論如何我會在jquery元素中存儲值並將它們存儲在同一個地方。基本上我正在用相同的值重構頁面。 – varsha8392

回答

1

您知道,您可以隨時將其保存到數據庫,然後對其進行編輯以更新值,而不是使用JQuery。看到你試圖保存某些東西(按照我的理解編輯之後),爲什麼不保存你輸入的內容,然後編輯它,如果你想要的話?簡化事情,imo。只是說。

+0

我第二個這個。它節省了大量不必要的客戶端邏輯的污染。 –

+0

是的,我明白了,但父母頁面不能這樣工作。 – varsha8392

+0

另外,如何在每次加載表單時切換視圖?我無法改變默認視圖選項,當我點擊第二頁上的編輯 – varsha8392

0

我會和@勞埃德·弗朗西斯的答案去,但如果你不想做數據庫保存和提取,那麼你有在客戶端的以下選項。

保存在

  1. 餅乾狀態
  2. 傳遞日期URL的網頁(不推薦)
  3. 本地存儲http://www.w3schools.com/html/html5_webstorage.asp

在文檔準備事件之間妥善處理邏輯。

+0

您好Vishal,正是我想要做的。你能分享一個示例代碼段來展示如何正確處理表單事件嗎?並且還幫助我知道爲什麼我的代碼不起作用? – varsha8392

+0

我不能給你任何代碼,因爲我不知道你的代碼。我在答案中提供的鏈接告訴你如何使用本地存儲。因此,在進入下一頁之前,基本上將狀態存儲在本地存儲中,並且如果用戶重定向到第一頁,請首先從本地存儲中讀取值以查看狀態是否已存在。如果是,則加載所需的視圖,否則加載默認視圖。 –