根據Cookie值顯示/隱藏div

Question

我設置了一個人填寫的表單。其中一個表單域是縣下拉列表。 形式操作創建一個cookie：

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

在確認頁面上我有一個默認隱藏多個div：

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

等等......基於對全縣

用戶從前一頁的選擇下拉菜單中選擇我想要顯示的特定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插件的cookie： https://github.com/carhartl/jquery-cookie