使用jquery的html下拉式使用Session存储设置和获取值 [英] set and get value using Session storage for html drop down with jquery

问题描述

使用会话存储在第一页中我有一个下拉列表，如果用户从下拉列表中选择（.bap_mjr）值并从第一页单击下一步按钮它将重定向到我需要显示的第二页一个标签。

Working on Session storage where in the first page I have a drop down if user select (.bap_mjr) value from the drop-down and click next button from the first page It will redirect to the second page where I need to show an label.

第一页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代码

Currently I am trying In First Page this is my jquery code

$("#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代码

Second page jquery code

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

会话未存储，我无法获得该项目。

The session was not stored and I am not able to get the item.

我在做错误的地方请帮助我

Where I am doing mistake kindly help me

提前致谢

推荐答案

你有一个不完整的结束标记，你在javascript上使用.val（），而不是jquery。

you had an incomplete ending tag, and you were using .val() on javascript, not jquery.

试试这段代码：

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，首页：

javascript, first page:

$("#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，second page

javascript, second page

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

这篇关于使用jquery的html下拉式使用Session存储设置和获取值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！