jquery - 提交后保留选择的值

Question

我有一个时间下拉选项，我想在按下提交按钮后保留所选值。此处为 HTML

<select name="pickupdatehour">
    <option label="00" selected="selected" value="00">00</option>
    <option label="01" value="1">01</option>
    <option label="02" value="2">02</option>
...
    <option label="23" value="23">23</option>
</select>

我没有为此使用常规的 php，因为我在 wordpress 中创建一个站点，我需要大量的代码片段才能做到这一点，我在多个页面上都有这个选择框，我需要一个 Java 或 jQuery 脚本帮助我在每个页面上保留选定的值。

Answer 1

如果您有 jQuery Cookie Plugin ，您可以使用它在每次进行选择时将选择的值存储到 cookie 中，并且每当加载表单时，它都会检查是否设置了 cookie 并使用 cookie 中的值。

$(function() {
    var timeCookie = $.cookie( "timeCookie" ),
        selElem = $('select[name=pickupdatehour]');
    selElem.on('change', function() {
        $.cookie( "timeCookie", this.value );
    });
    if( timeCookie != undefined ) {
        selElem.val( timeCookie );
    } else {
        $.cookie( "timeCookie", selElem.val() );
    }
});

HERE IS一个工作演示。