다시로드 할 때 선택 저장

Question

javascript location.href로 페이지를 다시로드 할 때 선택 상자에 선택한 옵션을 저장하는 방법은 무엇입니까?

Answer 1

페이지 자체에는 상태가 없으므로 페이지를 다시로드 할 때 사용자가 수행 한 내용이 기억되지 않습니다.

서버 측 언어를 사용하는 경우 서버 (데이터베이스 또는 단순한 플랫 파일)에 값을 저장할 수 있지만 자바 스크립트 만 있으면 값을 서버에 저장할 수 없습니다. saving the value to a cookie을 살펴본 다음 페이지가 다시로드 될 때 해당 값을 복원 할 수 있습니다.

HTML5를 사용하면 콘텐츠를 local storage으로 저장할 수 있습니다 (고급 브라우저에서만 지원됨).

Answer 2

$ _GET을 사용하여 선택 상자 상태를 보내고 검색 할 수 있습니다.

Live Demo

코드 : 물론

<form> 
    Select Option:<br /> 
    <select name="foo" id="foo"> 
    <?php echo_select(10); ?> 
    </select> 
    <input type="submit" name="submit" Value="Do location.href" onclick='return do_foo();' /> 
</form><br /> 
Press Button and on page-load, your selected value will be pre/auto-selected. 

<script type=text/javascript> 
    function do_foo(){ 
    var foo = document.getElementById('foo').value; 
    //alert("location.href is: "+document.URL+"var="+foo); 
    window.location.href = document.URL+"var="+foo; 
    return false; 
    } 
</script> 

<?php 
//print_r($_GET); 

function echo_select($number){ 
    for($i=0;$i<$number;$i++){ 
     echo "<option value=".($i+1); 
     if(isset($_GET["var"]) && ($_GET["var"]==($i+1))){ 
      echo " selected=\"selected\""; 
     } 
     echo ">Text ".($i+1)."</option>"; 
    } 
} 
?> 

이 조각은 당신이 당신의 폼 코드를 생성하는 PHP를 사용한다고 가정합니다. 그러나 양식을 다르게 생성하고 처리하는 경우 알려주십시오.