Показать/скрыть div на основе значения cookie

Question

Я настраиваю форму, которую заполняют люди. Одним из полей формы является выпадающий список графства. форма действия создает печенье:

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

На странице подтверждения у меня есть несколько дивы, которые скрыты по умолчанию:

<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 плагин печенье: https://github.com/carhartl/jquery-cookie