select 控件的option的显示问题

Posted 2023-04-29

如何使select 控件的option显示的值在跳转页面后不显示第一行的值,而是显示所选的值.比如我选第二个option,跳转页面后select显示2,代码如下:
<select name="aaa" size="1" onChange=location.href="333.asp;this.value=this.options[this.selectedIndex].value>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
我这样做为什么无法实现阿?谁有好办法么?

用javascript实现,记得把select控件放在表单form1里面
<select name="aaa" onChange="location=this.value;">
<option value="333.asp?state=1">1</option>
<option value="333.asp?state=2">2</option>
<option value="333.asp?state=3">3</option>
</select>
<script>
function searchState(i)

if(i==null)
document.form1.aaa[0].selected=true;
else
document.form1.aaa[i].selected=true;


searchState(<%=request("state")%>)
</script> 参考技术A <select name="aaa" size="1" onChange=location.href="333.asp;this.value=this.options[this.selectedIndex].value>
<option value="1" selected=true>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

html学习总结之select控件的使用

select控件是表单中的很常见的控件，总结记录其使用方法：

1、在html中添加表单控件的代码：

1 请选择学历：
2   <select name="xueli" id="xueli">
3     <option value="00">未知</option>
4     <option value="01">初中</option>
5     <option value="02">高中</option>
6     <option value="03">中专</option>
7     <option value="04">大专</option>
8     <option value="05">大学</option>
9   </select>

使用<select>标签定义控件。使用<option>标签定义选项，value特性表达发送到服务器的值（上例中是00到05），选项的文本（上例中是未知到大学）在操作时显示。

---

 

2、获取当前所选项的索引、值和文本，动态增加可选项，删除可选项，枚举可选项的代码

//获取控件
var xl=document.getElementById("xueli");

//获取当前所选项目
alert(xl.selectedIndex);
alert(xl.options[xl.selectedIndex].value);
alert(xl.options[xl.selectedIndex].text);

//动态增加可选项目
xl.options.add(new Option("硕士","06"));
xl.options.add(new Option("博士","07"));

//删除可选项
xl.options.remove(xl.selectedIndex);

//枚举可选项
for(var p in xl.options){
  console.log(p,xl.options[p].value,xl.options[p].text);
}