jsp页面保持select中的上一次所选项

最新推荐文章于 2023-05-16 17:41:11 发布

foamflower

最新推荐文章于 2023-05-16 17:41:11 发布

阅读量2.2k

点赞数 3

分类专栏： JSP 文章标签： jsp javascript function action table class

本文链接：https://blog.youkuaiyun.com/foamflower/article/details/3209728

版权

JSP 专栏收录该内容

4 篇文章

订阅专栏

本文介绍两种在网页中保持SELECT下拉菜单选项值的方法。方法一通过遍历所有选项并根据请求参数设置选中状态；方法二直接为SELECT元素设置值属性。这两种方法确保用户的选择在页面刷新或重新加载后得以保留。

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

<html>
<head>
<script type="text/javascript">
//保持select选项值的方法一：
function load1(){
// alert(1);
   var selectopts = document.Form1.queryfield;
   if(null!=selectopts){
    for(var i=0;i<selectopts.options.length ;i++){
       if(selectopts.options[i].value=='<%=request.getParameter("queryfield")==null?"":request.getParameter("queryfield") %>'){
           selectopts.options[i].selected = true;
       }
    }
   }else{
   }
}

</script>

</head>
<BODY onLoad="javascript:load1()">

<form name=Form1 action="test.jsp" method="post">
     <table width='100%' height=35><tr>
<td align=left width=100 ><select name='queryfield' class='st_select' ><option value='NAME_'>登录名</option><option value='displayname_'>显示名</option><option value='hadpriv_'>已授权用户</option> </select></td>
</tr>
<tr>
               <td><input type="submit" value="提交"></td>
         </tr>
    </table>
</form>
</body>
</html>