jQuery Cookie在.Change()时保存FORM值

Question

我正在通过jQuery cookie将FORM值传递给cookie。我做错了什么吗？我无法获得保存的cookie值

<script src="/assets/jquery.cookie.js"></script>
<script type="text/javascript">
;(function ($) {
    $('input[name="FirstName"]').change(function(){
        $.cookie("FirstName", $('input[name="FirstName"]').val();, {path: "/", domain: "domain.com"});
    });
    $('input[name="LastName"]').change(function(){
        $.cookie("LastName", $('input[name="LastName"]').val();, {path: "/", domain: "domain.com"});
    });
    $('input[name="Email"]').change(function(){
        $.cookie("Email", $('input[name="Email"]').val();, {path: "/", domain: "domain.com"});
    });
    $('input[name="Category"]').change(function(){
        $.cookie("Category", $('select[name="Category"]').val();, {path: "/", domain: "domain.com"});
    });
})(jQuery);
</script>

HTML

<form method='post' action='send.php' name='demo'>
 <input type='text' name='FirstName' value='' id='FirstName' />
 <input type='text' name='LastName' value='' id='LastName' />
 <input type='text' name='Email value='' id='Email' />
 <select name='Category'>
  <option value='Blue'>Blue</option>
  <option value='Red'>Red</option>
  <option value='Green'>Green</option>
 </select>
</form>

Answer 1

您的代码中存在语法错误，请删除;:

$.cookie("FirstName", $('input[name="FirstName"]').val();, {path: "/", domain: "domain.com"});
                                                // ---- ^

还要注意，;(function ($) { ... })(jQuery)是一个闭包，它不做文档就绪处理程序所做的事情。

jQuery(function($) { // The first argument of the document ready handler refers to jQuery
    $('input, select').change(function(){
        $.cookie(this.name, this.value, {path: "/", domain: "domain.com"});
    });
});