私はHTML 5を使用するgrails 2.4.2バージョンを使用しています。いくつかの条件に基づいていくつかのフォーム要素があります。地区、タナなど。私が地区を選んだとき、私はどこよりも隠れていて、そして地区を隠しているときよりも隠れています。それは正常に動作します。しかし、ブラウザの戻るボタンをクリックすると、両方のフィールドが表示されます。ユーザーがブラウザの戻るボタンをクリックしたときに期待通りにフォーム要素条件を保持したい。私はそれをどのように実装するのか分かりません。誰でもこのことを教えてくれますか?ブラウザでフォーム条件を保持する方法戻ると進むボタンをクリック
答えて
セッション用のすべてのフィールドをlocalStorageに格納し、ページがロードされたらJavaScriptを使用してlocalStorageからすべてをロードします。
ローカルストレージなしで何かが良いでしょう –
クッキーが動作します。セッション用に保存するので、localStorageを使用します。 –
- 場所は
- 使用状態を変更したときにページがロードされたときの状態を保存
どのように状態を保存し、それを使用して任意のアイデア –
ネイティブブラウザのAPIを使用します。 cookieまたはlocalStorageです。 –
、またはjQueryを既に使用している場合は、「Persist jQuery plugin」をチェックしてください。それはあなたに 'key-value'形式の同じ機能を与えます –
- 1. 戻ると進むボタン
- 2. 戻る/進むボタンとユーザビリティ
- 3. フォームとブラウザの戻るボタン
- 4. vue.jsアプリケーションのブラウザの戻る/進むボタンを利用する
- 5. ブラウザの戻るボタンをクリックした後にフォームの値を保存する
- 6. Angular2でブラウザの戻るボタンをクリックする方法
- 7. マウスの戻る/進むボタンのクリックを検出する
- 8. ブラウザでAndroidの戻るボタンをクリックすると、oauthがブラウザに戻ります
- 9. ブラウザの戻るボタンまたは進むボタンを使用してキャッチする
- 10. jQuery - ブラウザの戻るボタンをクリックしてフォームを送信
- 11. WebBrowserコントロール用の戻るボタンと進むボタンを追加する
- 12. ボタンをクリックするとUIAlertControllerを保持する方法は?
- 13. ターゲットブラウザ戻る]ボタンや[進む]ボタン
- 14. ブラウザの戻る/進むボタンを使用して状態にアクセスできないようにする方法
- 15. history.pushState機能を使用するときに戻るボタンと進むボタンを有効にする方法は?
- 16. ユーザーがブラウザの戻る/進むボタンを押したときにセッションが維持されますか?
- 17. ブラウザの「戻る」ボタンと「進む」ボタンを使用しないようにユーザーを停止する
- 18. CSSを前のページに持ち込むことを許可しない(ブラウザの戻るボタンをクリックした後)
- 19. ボタンをクリックした後に要素を保持する方法
- 20. ボタンをクリックした後にスタイルを保持する方法
- 21. ブラウザの戻るボタンをクリックするとHTMLフォームがクリアされるのはなぜですか?
- 22. mvc、ブラウザの戻るボタンをクリックするのを防ぐには?
- 23. 戻るボタンをクリックして同じアクティビティに戻るときのアクティビティの状態を維持する方法
- 24. ブラウザに戻るときにjQuery addClassを保持する
- 25. ブラウザの戻るボタンとイベント
- 26. ブラウザの戻るボタンとjavascript
- 27. Javascriptブックマークを特定の条件でボタンをクリックする
- 28. 戻るボタンをクリックした後のページの最終状態を保持する
- 29. ember.jsに「条件付き」戻るボタンを実装する
- 30. UWP CommandBar戻ると進むボタンが表示されない
は個人的に、これはおそらく、うまく設計されていないと思います。おそらく、jquery-ui-tabsを提供し、前後に進む必要性をilleighminateすることができます。なしこれまでに述べたものよりもはるかに簡単です(キャッシュなど)jqueryを使用してhttp://stackoverflow.com/questions/1489486/jquery-plugin-to-serialize-a-form-and-also-restore-populate-the-formフォームをシリアライズしてそれをあなたと一緒に取ることはオプションかもしれません。彼らが次をクリックすると、それをキャプチャしているので、それを格納し、javascriptのキャッシュではなくgrailsを通して再生する自分の戻るボタンを提供します。それは私がそれについて行く方法です – Vahid