使用jQuery的HTML會話存儲設置和獲取價值

Question

在會話存儲上工作，如果用戶從下拉列表中選擇（.bap_mjr）值，然后單擊第一頁上的下一步按鈕，則在第一頁中會有一個下拉列表。它將重定向到第二頁，我需要在其中顯示標簽。

首頁HTML

  <select class="mslt_Field slt_major slt_mjr ipt_required" id="slt_mjr" name="slt_mjr">
     <option value="">Please Select</optio
     <option value="BA in Arts,Culture&Heritage Ma">BAACHM</option>
     <option id="bap_Mjr" class="bap_Mjr"  value="Bachelor of Arts in Persian">BAP</option>
     <option value="Bachelor of Bus Adminstration">BBA</option>
   </select>

目前，我正在嘗試在首頁這是我的jQuery代碼

$("#slt_mjr").change(function (){
                alert($(this).val());
                var dropselvalue = -1;
                if (document.getElementById("bap_Mjr").val())
                {
                    alert("check");
                    dropselvalue = 1;
                }
                if(window.sessionStorage) { 
                   sessionStorage.setItem("dropselvalue", dropselvalue);
               }
            });

第二頁

<div class="pay_click">Welcome to second page</div>

第二頁jQuery代碼

var dropselvalue = parseInt(sessionStorage.getItem("dropselvalue"));
    if (dropselvalue != -1) {
        if (dropselvalue === 1) {
            $(".pay_click").show()
        }
        //localStorage.removeItem("CheckedRadioValue");
    }

會話未存儲，我無法獲取該項目。

我在哪里做錯了，請幫我

提前致謝

Answer 1

您的結尾標記不完整，並且您在JavaScript而不是jquery上使用.val（）。

試試這個代碼：

html，第一頁：

<select id="slt_mjr" name="slt_mjr">
    <option value="">Please Select</option>
    <option value="BA in Arts,Culture&Heritage Ma">BAACHM</option>
    <option id="bap_Mjr" class="bap_Mjr" value="Bachelor of Arts in Persian">BAP</option>
    <option value="Bachelor of Bus Adminstration">BBA</option>
</select>
<a href="deleteme1.html">Link to second page</a>

javascript，第一頁：

$("#slt_mjr").change(function () {
        //alert($(this).val());
        var dropselvalue = -1;
        if ($("#bap_Mjr").val()) {
            dropselvalue = 1;
        }

        if (window.sessionStorage) {
            sessionStorage.setItem("dropselvalue", dropselvalue);
        }
    });

html，第二頁：

<button id="check">Check</button>

javascript，第二頁

$('#check').click(function () {
        var dropselvalue = parseInt(sessionStorage.getItem("dropselvalue"));
        if (dropselvalue != -1) {
            if (dropselvalue === 1) {
                alert();
            }
            //localStorage.removeItem("CheckedRadioValue");
        }
    });