1

次のドロップダウンリストがあります。

Gender<select name="gender"  id="gender"> 
  <option value=" "> EMPTY </option> 
  <option value="Male">Male</option> 
  <option value="Female">Female</option> 
</select>

オプションの 1 つを選択すると、ページを更新してもプライマリ オプションとして選択されたままになります。たとえば、男性を選択した場合、ドロップダウン リストでは男性が選択されたオプションとして保持され、マウスでクリックしたときにのみ変更されます。JavaScriptでこれを行う方法は?

4

3 に答える 3

3

これは、localStorage を使用した javascript/jquery の方法です。多くの場所でこれを行う場合は、おそらくこのコードを最適化する方法があります。

$(function() {
    var genderValue = localStorage.getItem("genderValue");
    if(genderValue != null) {
        $("select[name=gender]").val(genderValue);
    }

    $("select[name=gender]").on("change", function() {
        localStorage.setItem("genderValue", $(this).val());
    });
})
于 2013-02-28T16:04:35.660 に答える
0

HTMLページはステートレスです。つまり、状態を記憶していません。あなたが説明したことを行うために、通常、サーバー側のコードは、以前に送信されたフォームの値に応じて異なるHTMLを出力します。

URLハッシュを使用してこれを行うにはJavaScriptのみの方法がありますが、Webサイトを実行するには、サーバー側のコードが必要になります。

于 2013-02-28T15:53:16.563 に答える
0

値を保持したい場合は、後続のページの [編集] ボタンからこのページに戻るとどうなりますか。ここに私の投稿があります: イベント window.history.back()-JavaScript で動的に作成されたドロップダウン リストの選択された値を保持する

于 2015-02-25T21:59:32.880 に答える