为什么我的cookie在设置时不会在输入字段中显示?

时间:2013-03-18 08:56:37

标签: jquery cookies

我有一个用于在输入字段中设置cookie的cookie函数,以及一个用于保存它的按钮。当我保存并刷新页面时,输入字段再次为空。

注意:我有一个jquery对话框和一个粘性导航栏。也许它会以某种方式覆盖其他jquery代码。

我设置cookie的jquery代码:

//set cookie voor de postcode
$(function() {
    $('#go').click(function(){
        $.cookie('postcode', $('#postcode').val());        
    });

    //retrieve the cookie on load if it's not undefined
    if(typeof $.cookie('postcode') !== 'undefined'){
        $('#postcode').val($.cookie('postcode'));
    }
});

我的功能是在输入中设置cookie。

    <div id="searchbox">
        <div id="search">
        <fieldset>
        <legend><h2>Zoeken in uw regio:</h2></legend>
        <form action="<?= base_url('home/zoekresultaten') ?>">
        <p class="field"><label class="field" for="Naam">Geef een zoekterm op:</label><input type="search" value="" name="postocde" /></p>
        <br />
        <p class="field"><label class="field" for="Naam">Kies hier een categorie:</label><select>
          <option value="0" disabled selected>Alle Categorieën...  </option>
          <option value="1">Categorie1</option>
          <option value="2">Categorie2</option>
          <option value="3">Categorie3</option>
        </select>
        </p>

//my code to set the cookie

        <p class="field"><label class="field" for="Naam">Vul hier uw postcode in:</label><input type="text" id="go" value="" name="search"/></p>

// end of the ocde

        <br />
        <p class="field"><label class="field" for="naam">Kies een afstand:</label><select>
          <option value="0" disabled selected>Afstand...</option>
          <option value="1">5km</option>
          <option value="2">10km</option>
          <option value="3">15km</option>
          <option value="4">20km</option>
          <option value="5">25km</option>
        </select>
        </p>
        <br />
        <input type="submit" id="go" class="searchbutton" value="Zoek" />
        </form>
        </fieldset>
        </div>

我不知道为什么它不起作用。 用于隐藏对话框的cookie工作正常,因此cookie.js文件加载良好。

感谢。

3 个答案:

答案 0 :(得分:0)

重要的是要注意,在设置cookie之后,您必须重新加载用于处理cookie的页面。在设置和销毁cookie后至少重新加载一次页面后,设置Cookie和销毁cookie只能起作用。

答案 1 :(得分:0)

它没有填充的原因是因为没有将id定义为邮政编码

id="postcode"添加到邮政编码输入中,或使用

$(function() {
    $('#go').click(function(){
        $.cookie('postcode', $('input[name=postcode]').val());        
    });

    //retrieve the cookie on load if it's not undefined
    if(typeof $.cookie('postcode') !== 'undefined'){
        $('input[name=postcode]').val($.cookie('postcode'));
    }
});

答案 2 :(得分:0)

将autocomplete =&#34; off&#34;设置为非常简单进入输入领域。

[\\\:\*\?\"\<\>\|\/]|(?!.*(\.{2,}))