javascript - 如何根据从 cookie 检索的值来选择选择框值

标签 javascript jquery

我能够获取存储在 session 中的值。现在我想将选择框中的 cookie 值显示为所选值。

我尝试使用下面的代码,但不幸的是我的 cookie 值没有被选择。

请帮我解决我的问题。

<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>  
        </head>
        <body> 
            <select id='select_letter'>
                <option>Java</option>
                <option>C</option>
                <option>php</option>
                <option>python</option>
                <option>c sharp</option> 
            </select> 
            <input type="button" id='continue' value="Save as default value"/>                
                   <!-- On click of this link the current page will load -->
        </body>
    </html>

最佳答案

每个选项都应该有“值(value)”

<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 sharp">c sharp</option> 
</select> 

然后

$("#select_letter").val($.cookie("language"));

关于javascript - 如何根据从 cookie 检索的值来选择选择框值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15566201/

相关文章:

javascript - 检查 div 是否在页面上,如果不在则隐藏按钮

javascript - 单击关闭后从 url 中删除#about

javascript - 在javascript中否定 bool 函数

javascript - HTML5 日期选择器 - 删除日期箭头

javascript - 成功回调中的 JQuery Ajax 类型错误

javascript - jQuery:延迟跟随光标

javascript - 如何根据另一个选择下拉列表中的选择从选择下拉列表中删除选项?

javascript-如何使用 html 表单进行面积计算

javascript - 使用 findAll() 函数时 Ember-Data 中的错误

javascript - 使用 jQuery 对堆栈中的卡片进行随机/洗牌