如何保存上次下拉列表选择的值用于下次显示

最新推荐文章于 2022-08-17 16:42:58 发布

BJTU_阿七

最新推荐文章于 2022-08-17 16:42:58 发布

阅读量1.5k

点赞数

下拉列表框或单选按钮框的显示名称和具体值是分开的，所以没有像处理文本框那样简单。

解决方法可以：方法1、借用request（当点击提交后，http协议会自动把表单的元素的值提交到服务器）存储，当服务器返回客户端页面时，可以用request.getParameter("元素名称");获得显示名称。说明：下拉列表框或单选按钮框应该是自定义的脚本，用setValue(value) 设置要显示的名称。下拉列表框自定义脚本。

方法2、可以在客户端使用cookies保存上次选择的值；说明:selected是option元素的属性, selectedIndex是select元素的属性。代码如下：

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function saveOptions(){
var options=new Array();
var option;
var radio;
for(var i=0;i<document.getElementsByTagName("option").length;i++){
  options[i]=document.getElementsByTagName("option")[i];
  if(options[i].selected) //获得选中的选项
  //说明:selected是option元素的属性, selectedIndex是select元素的属性.
  {
  //alert(options[i].innerHTML); //测试
  option=document.getElementsByTagName("SELECT")[0].selectedIndex;
  }
}

for(var i=0;i<document.getElementsByName("sex").length;i++){
if(document.getElementsByName("sex")[i].checked)
radio=i;
}

document.cookie="index="+option+"sex="+radio;
//alert(radio);
}

function readOptions(){
//alert(document.cookie);//测试
//cookie的读取
//读cookie属性，这将返回文档的所有cookie
var allcookies=document.cookie;

//获得option的索引
var optionvalue=0; //保存索引值
//查找名为index=的开始位置
var pos=allcookies.indexOf("index=");
    if(pos==-1){ //-1表示indexOf没有找到匹配的
  optionvalue=0;
}else{
  end=allcookies.indexOf("sex=");
  optionvalue=allcookies.substring(pos+6,end);
}

//获得radio的索引
var radiovalue=0;
//查找名为sex=的开始位置
var pos1=allcookies.indexOf("sex=");
//alert(pos1);
    if(pos1==-1){ //-1表示indexOf没有找到匹配的
  radiovalue=0;
}else{
  end1=allcookies.length;
  radiovalue=allcookies.substring(pos1+4,end1);
}

//alert(radiovalue);//测试
document.getElementsByTagName("SELECT")[0].selectedIndex=optionvalue;
document.getElementsByName("sex")[radiovalue].checked=true;
}
//-->
</SCRIPT>
</HEAD>