我需要根据下拉列表DropDownList1的值进行不同的页面跳转，用document.getElementById可以实现吗？要怎样实现？
比如下拉列表DropDownList1有四个项分别是北京，上海，天津，重庆，我需要的是分别代表它们的0，1，2，3，不是北京……
那我要怎么把他们的值设置为0，1，2，3，呢
我的下拉列表是绑定到数据库中获得的北京，上海，天津，重庆等，是否已经有默认值了？还需要手动设置？要怎么设置？
对于单选下拉列表，value属性可以直接获取其选中项的value值。
下面实例演示——单击按钮获取下拉列表选中项的value值：
1、HTML结构
<select id="test"><option value="1">option-1</option>
<option value="2">option-2</option>
<option value="3">option-3</option>
<option value="4">option-4</option>
</select> <br>
<input type='button' value='获取选中项' onClick="fun()"/>
2、javascript代码
function fun(){obj = document.getElementById("test");
alert(obj.value);
}
3、效果演示
温馨提示：答案为网友推荐，仅供参考
第1个回答 2020-01-17
你把它们的value值设置为0，1，2，3就行了<br>给你一个例子好了<br><html><br><head><br><script><br>function a(){<br>alert(document.getElementById("a").value);<br>}<br></script><br></head><br><body><br><select id="a"> <br><option value="0">北京</option> <br><option value="1">上海</option> <br><option value="2">天津</option> <br><option value="3">重庆</option> <br></select><br><input type="button" value="测试" onclick="a()"><br></body><br></html>
第2个回答 推荐于2017-11-26
可以
例如：你的下来列表框id为adds
document.getElementById("adds").value 就是他的值
其实下拉框可以当作一个文本框看，只不过是通过选择取值，
他下拉相再多，最终也就是一个值
注：这个在下拉框单选的情况下本回答被提问者采纳
例如：你的下来列表框id为adds
document.getElementById("adds").value 就是他的值
其实下拉框可以当作一个文本框看，只不过是通过选择取值，
他下拉相再多，最终也就是一个值
注：这个在下拉框单选的情况下本回答被提问者采纳
第3个回答 2008-07-14
获取当前月份 并在下拉框中选择出的例子：
注意JS的位置，这里是根据选项的位置选的，也可以根据value
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
Date time = new Date();
int month = time.getMonth()+1;
System.out.println(month);
%>
<html>
<head>
<title>测试</title>
</head>
<body>
<form action="" name="form1">
<select name="months" id="months" size="1">
<option value="1" >一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
<option value="7">七月</option>
<option value="8">八月</option>
<option value="9">九月</option>
<option value="10">十月</option>
<option value="11">十一月</option>
<option value="12">十二月</option>
</select>
</form>
<script type="text/javascript">
document.getElementById("months").selectedIndex='<%=month%>'-1;
</script>
</body>
</html>
注意JS的位置，这里是根据选项的位置选的，也可以根据value
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
Date time = new Date();
int month = time.getMonth()+1;
System.out.println(month);
%>
<html>
<head>
<title>测试</title>
</head>
<body>
<form action="" name="form1">
<select name="months" id="months" size="1">
<option value="1" >一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
<option value="7">七月</option>
<option value="8">八月</option>
<option value="9">九月</option>
<option value="10">十月</option>
<option value="11">十一月</option>
<option value="12">十二月</option>
</select>
</form>
<script type="text/javascript">
document.getElementById("months").selectedIndex='<%=month%>'-1;
</script>
</body>
</html>
第4个回答 2008-07-14
如果是从数据库中读取的值，在下拉列表显示的时候会从0开始，自动给每个选项分配一个id值，即document.getElementById取出来的值。这样可以通过取出的id来跳转；
如果一定要自己给定值，要给数据库中相应的城市分配对应id值，把城市的相应信息用一个list提取出来，在下拉列表读取的时候<option value="${list.id}">北京</option>,这样可以直接通过value判断跳转。
如果一定要自己给定值，要给数据库中相应的城市分配对应id值，把城市的相应信息用一个list提取出来，在下拉列表读取的时候<option value="${list.id}">北京</option>,这样可以直接通过value判断跳转。
