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

根据Cookie值显示/隐藏div

1 个答案: