0

私はこのようなhtmlのドロップダウンリストを持っています、

<select onchange="redirect(this.value)"> 
    <option>choose a category</option> 
    <option>Business</option>    
    <option>Music</option>
    <option>Sports</option>
    <option>Cause</option> 
    <option>Politics</option> 
</select>

別のページのコンテンツにリダイレクトするための私のJavascriptコード:

<script>
  function redirect(ddcategory){ 
    window.location= ddcategory;
  } 
</script>

リダイレクションは機能していますが、ページが読み込まれた後もドロップダウンリストで選択したオプションを保持する方法。

たとえば、[音楽]を選択すると音楽ページが読み込まれますが、カテゴリドロップダウンの値が元に戻ってカテゴリを選択します。選択した値に設定するにはどうすればよいですか?

この問題を解決してください。

4

3 に答える 3

1

私はlocalStorage-Featureを使用しますが、これはブラウザセッションよりも長く持続します。私のリンクでは、ローカルストレージをサポートしていないブラウザ(Cookieを使用)のフォールバックもあります。

// set the ddcat
localStorage.setItem('ddcat', 'yourddcat value');

// get the ddcat
var ddcategory = localStorage.getItem('ddcat');

現在のセッションでこの機能のみが必要な場合は、「sessionStorage」を使用してください

于 2013-01-16T08:34:15.297 に答える
0

この問題はsessionsで解決できると思います。ajaxや任意のプログラミング言語で可能です。onchange関数でセッションに選択を設定し、ロード時にセッションから選択したオプションを設定します

于 2013-01-16T08:29:12.483 に答える
0

ページに移動する前に、変数をセッションストレージに保存できます。

次に、ページの読み込み時に、ドロップダウンリストの変更を実装します

  function redirect(ddcategory){ 
    sessionStorage["MyChoise"]= ddcategory;
    window.location= ddcategory;
  } 

ロードページ:

function OnLoadPage()
{
   //Select your element from the session 
}
于 2013-01-16T08:31:53.200 に答える