2016-08-25 15 views
0

フォーム要素とその値を渡して1ページから他のページに移動します。フォームロード時にjQueryを切り替える

値を作成する際に、必要に応じて特定の要素を表示/非表示します。 次のページでEDITをクリックすると、このページに戻りますが、ビューはデフォルトビューです。

jQuery/javascriptを使用してビューを変更するには、フォームを編集用に再ロードする際に保存された値に基づいて何かをデフォルトに設定しますか?

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

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

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

} 

上記のコードを有効にする方法を教えてください。 #UPLOADFILEがチェックされていても、ページを再ロードするたびにこのコードは実行されません。

ありがとうございます。

+0

どのようにページを読み込んでいますか? ajaxを使って? –

+0

私はperlと.espページを使ってそれを – varsha8392

+0

にしていますが、私はJquery要素に値を持ち、同じ場所にそれらを格納します。基本的に私は同じ値を持つページを再構築しています。 – varsha8392

答えて

1

JQueryを使用する代わりに、いつでもデータベースに保存してから編集して値を更新できます。とにかく何かを保存しようとしているのを見て(それを編集した後、私の理解で)、あなたが入力したものを保存せずに、それを編集したいのですが?物事を簡単に単純化する。ただ言って。

+0

私はこれをもう一度します。それは不必要なクライアント側のロジックの汚染をたくさん節約します。 –

+0

私は理解していますが、親ページはそのようには機能しません。 – varsha8392

+0

また、フォームを読み込むたびにどのようにビューを切り替えることができますか?私が2番目のページの編集をクリックすると、デフォルトの表示オプションを変更する際に問題があります – varsha8392

0

私は@Lloyd Francisの回答に行きますが、DBの保存とフェッチをしたくない場合は、クライアント側で以下のオプションがあります。

  1. 保存状態クッキー

  2. は(推奨されません)ページ間URLに日付を渡し
  3. ローカルストレージhttp://www.w3schools.com/html/html5_webstorage.asp

文書readyイベントで適切にロジックを処理。

+0

こんにちはVishal、まさに私がやろうとしていることです。フォームイベントを正しく処理する方法を示すために、コード例を共有することはできますか?また、上記のコードがうまくいかない理由を知ってもらえますか? – varsha8392

+0

私はあなたのコードを知らないので、私はあなたにコードを与えることはできません。回答に記載されているリンクは、ローカルストレージを使用する方法を説明しています。したがって、基本的には、次のページに行く前にローカルストレージに状態を保存し、ユーザーが最初のページにリダイレクトされた場合は、まずローカルストレージから値を読み取り、状態が既に存在するかどうかを確認します。 yesの場合は、必要なビューをロードし、それ以外の場合はデフォルトのビューをロードします。 –