쿠키 값을 기준으로 div 표시/숨기기

Question

사람들이 작성하는 양식을 설정했습니다. 양식 필드 중 하나는 카운티 드롭 다운입니다. 양식 조치는 쿠키를 만듭니다

카운티 바탕으로 ...

<div id="county1">County 1 Content</div> 
<div id="county2">County 2 Content</div> 
<div id="county3">County 3 Content</div> 

등 : 확인 페이지에서

setcookie("county", $county, time() + 3600 /* one hour */, '/', 'subdomain.mydomain.com', false, false); 

을 나는 기본적으로 숨겨져 여러 div의이 사용자는 이전 페이지에서 select 드롭 다운에서 특정 div를 표시하도록 선택합니다.

<div style="visibility: hidden"><input id="county" name="county" value="<?php echo($_COOKIE['county']); ?>"></div> 

및

$('#county').on('load', function() { 
    if(this.value === "County1"){ 
     $("#county1").show(); 
    } else { 
     $("#county1").hide(); 
    } 
}); 

을하지만, 입력에 onLoad를 지원하지 않는 것 :

나는 시도했다. 어떤 제안?

감사합니다.

Answer 1

는 $(document).ready()

예를 들어

JQuery documentaion

시도 했습니까;

$(document).ready(function() { 
    if($.cookie('county') === "County1"){ 
     $("#county1").show(); 
    }else{ 
     $("#county1").hide(); 
    } 
}); 

나는 JQuery와 쿠키 플러그인을 사용하고 있습니다

: https://github.com/carhartl/jquery-cookie