设置 jQuery cookie 自动提交

Question

我正在尝试使用 jQuery cookie 来设置语言。我有以下表格：

<select id="lang">
    <option value="en_US">English</option>
    <option value="it_IT">Italiano</option>
    <option value="fr_FR">Français</option>
</select>
<input id="btn" type="button" value="submit">
<noscript><input id="btn" type="button" value="submit"></noscript>

在以下脚本中：

// Set cookie
$(document).ready(function () {
    $("#btn").on("click", function () {
        $.cookie('lang_cookie', $("#lang").val(), { expires: 365 });
    });
});

上面的表单效果很好，但我想删除按钮并自动提交。我可以使用 onchange="this.form.submit()":

更改表单

<select id="lang" onchange="this.form.submit()">
    <option value="en_US">English</option>
    <option value="it_IT">Italian</option>
</select>

但是 jQuery 部分呢？如何在不使用 $("#btn").on("click", function (){}) 的情况下设置 cookie？

Answer 1

无需提交如下表单，直接使用onchange事件即可，

<select id="lang" onchange="set()">
    <option value="en_US">English</option>
    <option value="it_IT">Italian</option>
</select>

现在您可以将脚本编写为，

function set(){
    $.cookie('lang_cookie', $("#lang").val(), { expires: 365 });
}

Answer 2

您可以设置cookie然后提交表单：

// Set cookie then submit
$(document).ready(function () {
    $("#btn").on("click", function() {
        $.cookie('lang_cookie', $("#lang").val(), { expires: 365 });
        $("#btn").closest('form').submit();
    });
});

使用 jQuery .submit().

Answer 3

你的html

  <select id="lang" onchange="return setC(this);">
   <option value="en_US">English</option>
   <option value="it_IT">Italiano</option>
   <option value="fr_FR">Français</option>
</select>

你的脚本

 function setC(elem)
   {
     $.cookie(...);
      elem.form.submit();
    }

Answer 4

jQuery submit doc

// Set cookie
$(document).ready(function () {
    $("THE ID OF YOUR FORM").submit(function () {
        $.cookie('lang_cookie', $("#lang").val(), { expires: 365 });
    });
});

设置 jQuery cookie 自动提交

Set jQuery cookie with auto-submit

javascript

cookies

jquery