드롭 다운 선택을 기억하는 쿠키

Question

간단한 드롭 다운이 있으며 사용자가 선택 사항을 선택하면 URL에 선택 항목이 쿼리 문자열로 추가되어 페이지가 새로 고침됩니다. 하지만 새로 고침 후에도 드롭 다운의 상태를 유지하고 싶습니다. jquery 또는 쿠키를 사용하여 어떻게합니까?

<select id="MyDropDown" onchange="window.open(this.options[this.selectedIndex].value,'_top')"> 

    <option value="http://mysite.com/default1.aspx?alpha=A">A</option> 
    <option value="http://mysite.com/default1.aspx?alpha=B">B</option> 
    <option value="http://mysite.com/default1.aspx?alpha=C">C</option> 
</select> 

Answer 1

당신은 JQuery와 쿠키 플러그인을 사용하고

$('#MyDropDown').change(function() { 
    $.cookie('mycookie', $(this).val(), { 
      expires: 365} 
      ); 
} 

Answer 2

아래 각 HTML 요청에 대한 데이터를주지 않고 상태를 저장하는 더 좋은 방법 HTML5 로컬 스토리지를 사용하는 것입니다 그림과 같이 코드를 작성할 수 있습니다. 다음은 좋은 사용법의 예입니다. http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/

Answer 3

쿠키가 작동하지 않습니까?

<select id="MyDropDown" onchange="document.cookie=this.selectedIndex; window.open(this.options[this.selectedIndex].value,'_top')"> 

URL과 함께 전달 된 "alpha"값을 추출 할 수도 있습니다.