option跳转页面并选中当前值

最新推荐文章于 2023-07-21 16:41:52 发布

weixin_30929195

最新推荐文章于 2023-07-21 16:41:52 发布

阅读量244

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lanke0/p/7607375.html

本文介绍了一种利用JavaScript和jQuery Cookie插件实现下拉菜单选项选择后存储所选项到Cookie的方法，并在页面加载时自动设置下拉菜单的默认选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路：使用cookie传值赋值

具体实现部分代码：

<select onchange="test(this)" class="form-control" id="select1">
                                <option value="/downloads--id-10000.html">(choose a Product)</option>
                                
                                        
                                        <option value="/downloads--id-9.html">
                                            
                                                test
                                        </option>
                                    
                                        <option value="/downloads-minispot-250.html">
                                            
                                                SI-170 MINISPOT 250
                                        </option>
                                    
                                        <option value="/download-si-171-minispot-250z.html">
                                            
                                                SI-171 MINISPOT 250Z
                                        </option>
                                    
                                    
                            </select>

js部分：

<script src="/js/jquery.cookie.js"></script>

<script type="text/JavaScript">
        function test(obj) {
            if (obj.options[obj.selectedIndex].value != '') {
                var str = obj.options[obj.selectedIndex].value;
                $.cookie('value', str);
                location.href = (obj.options[obj.selectedIndex].value);
            }
        }
        $(function () {
            var title = $.cookie('value');
            $("#select1").val(title);
        })
    </script>

转载于:https://www.cnblogs.com/lanke0/p/7607375.html