根据选择菜单选项创建 cookie？答案

【问题标题】：Create a cookie based on select menu option?根据选择菜单选项创建 cookie？
【发布时间】：2011-12-13 00:26:45
【问题描述】：

我正在尝试创建一个选择菜单，当用户选择一个选项并单击继续按钮时，会使用该选项的内容创建一个 cookie。下面的代码可以正常工作，但它只创建默认的“a”cookie，而不是根据用户选择的选项进行更改。

<select id='select_letter'>
    <option>a</option>
    <option>b</option>
</select>

<a href='/' id='continue'><div id='continue_button'></div></a>

<script>
    $(document).ready(function(){
        var singleValues = $("#select_letter").val();
        $('#continue').click(function() {
            $.cookie("project", singleValues);
        })
    });
</script>

我尝试将 onclick 事件绑定到继续按钮，以获取已选择的任何选项，但它失败了。有任何想法吗？谢谢！

<script>
    $('option').live("click", function(){
        var singleValues = $("#select_letter").val();
        $('#continue').click(function() {
            $.cookie("project", singleValues);
        })
    });
</script>

【问题讨论】：

标签： jquery cookies jquery-cookie

【解决方案1】：

在您的选择选项中，您没有分配值。

例如

<select id='select_letter'>
    <option>a</option>
    <option>b</option>
</select>

应该是

<select id='select_letter'>
    <option value="a">a</option>
    <option value="b">b</option>
</select>

示例代码：http://jsfiddle.net/AMefb/

【讨论】：

值属性不是必需的。未指定时默认为元素内容 - w3.org/TR/html4/interact/forms.html#h-17.6

【解决方案2】：

您在点击事件之外分配选定的值。你需要在里面做。您在加载时存储默认值，然后从不更新它。

    var singleValues = $("#select_letter").val(); //I NEED TO BE INSIDE
    $('#continue').click(function() {
        $.cookie("project", singleValues);
    })

    $('#continue').click(function() {
        var singleValues = $("#select_letter").val();
        $.cookie("project", singleValues);
    })

【讨论】：