Question

我正在尝试将选择框值存储在我的cookie中。

用户点击“默认链接”，然后应在cookie中设置所选值。当他们打开我的URL时，默认选择的值应该显示它们。

为此，我编写了以下代码。但我不知道如何检索提交的cookie，其名称为“language”。

我怀疑：如何在我的下拉菜单中将当前提交的Cookie值显示为默认选定值？

请帮忙。

    <html>
        <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

    <script>
        $(document).ready(function(){ 
            $('#continue').click(function() {
                 var singleValues = $("#select_letter").val();
                $.cookie("language", singleValues);
            })
        });
    </script>  
        </head>
        <body> 
            <select id='select_letter'>
                <option>Java</option>
                <option>C</option>
                <option>php</option>
                <option>python</option>
                <option>c sharp</option> 
            </select> 
            <a href='/PhtestProject/index.php' id='continue'>Save as default value</a>
                   <!-- On click of this link the current page will load -->
        </body>
    </html>

更新：

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

         alert($.cookie('language')); //getting the correct value which are set in cookie
         $('#select_letter option[value="'+$.cookie('language')+'"]').attr('selected', 'selected');  //This is not working,Not setting the cookie value as selected

        });
    </script>

Answer 1

如果您在选项上添加了一些值：

<select id='select_letter'>
    <option value="java">Java</option>
    <option value="c">C</option>
    <option value="php">php</option>
    <option value="python">python</option>
    <option value="c#">c sharp</option> 
</select>

然后将选定的值存储到您的cookie中。当你拿回来时，只需使用：

var languageCookieValue = $.cookie('language');
$('#select_letter option[value="' + languageCookieValue + '"]').attr('selected', 'selected');

上面的代码将选择Java选项。

如何在jquery cookie的帮助下在下拉选择框中选择一个值

1 个答案: