여러 값을 선택한 다음 계속하십시오

Question

두 개의 div가 있고 첫 번째 상위 div 값을 선택한 다음 하위 div 값을 선택하고 싶습니다. 두 값을 다음 페이지로 전달하십시오. 상위 값을 선택하지

<div id="upper"> 
    <a href="#">Link</a> 
    </div> 

    <div id="lower"> 
    <a href="#">Link 1</a> 
    </div> 

경우 다음 다음 페이지로 이동하지 않아야하고 두 값을 선택하면 다음 다음 페이지로 이동합니다

여기 내 코드입니다.

가능한 해결책은 무엇입니까? 도움이 될 것입니다. 당신이 첫 페이지에 뭔가를 쓰기 후

Answer 1

HTML

<span class="span_to_remember" data-my-data="myData1"> 
    data1 
</span> 

<span class="span_to_remember" data-my-data="myData2"> 
    data2 
</span> 

<span class="span_to_remember" data-my-data="myData3"> 
    data3 
</span> 

<span class="span_to_remember" data-my-data="myData4"> 
    data4 
</span> 

JS (JQuery와)

$(document).ready(function(){ 

    $(".span_to_remember").click(function() { 

    var spanData = $(this).data("my-data"); 
    // also you can grab html with 
    // var spanData = $(this).html(); 

    localStorage.setItem('param1', spanData); 


    }); 

}); 

, 당신은 사용할 수

localStorage.getItem('param1'); 

정보와 다른 페이지를 읽을 수 있습니다 모든 페이지의 사용자가 브라우저를 닫고 나중에 웹 사이트로 돌아 오는 경우에도