我需要根据下拉列表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判断跳转。