option跳转页面并选中当前值

思路:使用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>

 

posted @ 2017-09-28 16:40  爛轲  阅读(508)  评论(0编辑  收藏  举报