I have a query on session storage how to store three fields value in a single session storage. I have three fields two radio button (in different groups) and one drop down in the first page this is how my first will look like. I was not able to get multiple field.
For example if user select pg from first radio group,aa from the second radio group and DIP EDU from the drop down third field where i need to store these values as a single session-storage from first page and i need to get the value from the first page and in the second page based on this value i need to show the div. I don't no how store multiple field value in one session storage still i tried a bit from OS users idea. But I am not getting the result :(
<div class="edu"> <input type="radio" id="ug" name="edu" class="ug" value="ug" checked="checked"> <label class="radio-label">Undergraduate</label> <input type="radio" id="pg" name="edu" value="pg" class="pg"> <label class="radio-label">Postgraduate</label> <input type="radio" id="cu" name="edu" value="cu" class="cu"> <label class="radio-label">Continuing Education</label> </div>
And My second div consist of another set of radio button
<div class="rad_cam"> <input id="ad" class="ad" type="radio" name="cam" value="ad" checked> <label class="radio-label">AD</label> <input id="AA" class="AA" type="radio" name="cam" value="AA"> <label class="radio-label">AA</label> </div> <select class="mslt_Field slt_mjrpg ipt_required" id="slt_mjrpg" name="slt_mjrpg"> <option value="">Please Select</option> <option value="Dip - Prof. PG Dip in Teaching ">DIP EDU</option> <option value="Master of Science in Finance ">MASF</option> <option value="MBA">MBA 2013</option> </select>
In my second page I have simple div where i need to show a label.
<div>Second page</div>
With my current jQuery code in the first page
function storedata(){
alert("check");
var storeDate = {},key,val;
key = $('#pg,#alain').attr('id');
val = $('#pg,#alain').is(':checked');
storeDate[key] = val;
sessionStorage.setItem('storeDate', JSON.stringify(storeDate));
console.log(key);
}
and I am calling the function in next button .this is my second page jquery code
var otherObj = JSON.parse(session.getItem('storeDate'));
if(otherObj.ug && otherObj.alain){
alert("check");
}
But I am getting ReferenceError: session is not defined kindly please let me know what i am doing wrong here
whether my storing json data in jquery is that wrong or ...... :(
Thanks in advance