ASP+JS方式同时获取select下拉菜单中的value值和选项值的方法

SELECT下拉菜单在网站建设中的注册页面、信息填写等会经常用到，通常我们只需要获取选项中的value值即可。但有时会因为功能要求需要同时获取选项值和value值，那应该怎么办呢？今天我们来为大家介绍用ASP+JS的方式获取select下拉菜单中的value值和选项值，同样你也可以扩展到PHP+JS、ASP.NET+JS等方式。

首先我们来看提交页面的代码：

<form action="reguser2.asp" method="post" name="form1" onSubmit="return checksumit();">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>所在镇：
<%
sql="select * from zhen"
set rs=server.createobject("adodb.recordset")
rs.open sql,conn,3,2
%>
<select name="zhen" id="zhen">
<option value=-1>选择镇</option>
<%
if rs.eof and rs.bof then
response.Write("<option value=-1>没有镇</option>")
else
do while not rs.eof
%>
<option value="<%=rs("z_id")%>"><%=rs("z_name")%></option>    //这里value  和 text 的值 在数据库中获得  ,但变量"zhen" 只能获得value的值...如何获得选中的 text值呢?
<%
rs.movenext
loop
end if%>
</select></td>
</tr>
<tr align="center">
<td><input type="submit" name="Submit" value="下一步" onclick="Javascript:callvalue()"></td>  //第三步,传递到下一页按钮这里增加 onclick取得值
</tr>
</table>
 
<input type="hidden" name ="sendvalue" />  //第一步,这里增加一个hidden的input控件
<script language="JavaScript">   //第二步,这里写一个获得text值的函数
function callvalue() {
sendvalue = document.form1.zhen.item(document.form1.zhen.selectedIndex).text;
//alert(sendvalue);
document.form1.sendvalue.value = sendvalue;
form1.submit();
}
</script>

请大家注意我们的核心是第二步的JS代码部分。

接着就是获得选项值的页面里面直接取选定的text值 request.Form("sendvalue")。

好了，这样就可以实现我们说的同时获取select下拉菜单中的value值和选项值。期望今天的内容对你的网站建设有所帮助。