JSP用到一个下拉框<select> 页面刷新后，保持选中的值_jsp 页面刷新保留下拉列表数据-CSDN博客

本文介绍了一种利用JavaScript来保存用户选择的下拉菜单项至Cookie的方法，并在页面加载时读取Cookie中的值以自动选中之前的选择。

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

 
         <script type= 
         "text/javascript" 
         > 
        
         function setCookie(name, value) { 
        
         var exp =  
         new 
         Date(); 
        
         exp.setTime(exp.getTime() +  
         24 
         *  
         60 
         *  
         60 
         *  
         1000 
         ); 
        
         document.cookie = name +  
         "=" 
         + escape(value) +  
         ";expires=" 
         + exp.toGMTString(); 
        
         } 
        
         function getCookie(name) 
        
         { 
        
         var regExp =  
         new 
         RegExp( 
         "(^| )" 
         + name +  
         "=([^;]*)(;|$)" 
         ); 
        
         var arr = document.cookie.match(regExp); 
        
         if 
         (arr ==  
         null 
         ) { 
        
         return 
         null 
         ; 
        
         } 
        
         return 
         unescape(arr[ 
         2 
         ]); 
        
         } 
        
         </script> 
        
         <select id= 
         "select_1" 
         onclick= 
         "setCookie('select_1',this.selectedIndex)" 
         > 
        
         <option value= 
         "apple" 
         >apple</option> 
        
         <option value= 
         "banana" 
         >banana</option> 
        
         <option value= 
         "cake" 
         >cake</option> 
        
         </select> 
        
         <script type= 
         "text/javascript" 
         > 
        
         var selectedIndex = getCookie( 
         "select_1" 
         ); 
        
         if 
         (selectedIndex !=  
         null 
         ) { 
        
         document.getElementById( 
         "select_1" 
         ).selectedIndex = selectedIndex; 
        
         } 
        
         </script>