Question

select标签用法

<select name="type" class="textarea">
<option selected>A</option>
<option>B</option>
</select>

现在想实现若选择A，则跳转到A.jsp
若选择B，则跳转到B.jsp
请问应该如何写代码
谢谢！
请问，怎样才算是选择了A或是B，用不用再加一个确认的按钮，那具体怎样实现以上功能呢

Answer 1

<select name="type" class="textarea" onchange='bbbb(this.value)' >
<option selected value='a'>A</option>
<option value='b' >B</option>
</select>
-- 首先记得在option标签中加value属性，要不怎么判断值，也可以将你所需要的.jsp页面放进去
-- option中的value就是你要选中的值
-- onchange='bbbb(this.value)' 就是将选中的值传给方法bbbb处理
<script type="text/javascript">
function bbbb(vu)
{
--打开方式1，在同一页面打开
if(vu == 'a')
window.location="A.jsp";
if(vu == 'b')
window.location="B.jsp";
--打开方式2，在新窗口打开
if(vu == 'a')
window.open(‘A.jsp’);
if(vu == 'b')
window.open(‘B.jsp’);

}
</script>

----用jsp做值
<select name="type" class="textarea" onchange='bbbb(this.value)' >
<option selected value='a.jsp'>A</option>
<option value='b.jsp' >B</option>
</select>

<script type="text/javascript">
function bbbb(vu)
{
--打开方式1，在同一页面打开
window.location=vu;

--打开方式2，在新窗口打开
window.open(vu);

}
</script>

以上都是简单的打开如A.jsp，具体路径你自己要设置好

你仔细看完我写的，应该会明白的

Answer 2

两种方式，一种是提交到另外一个页面，由那个页面判断select的参数，然后进行跳转；另外一个方式是使用JavaScript去做，写一个function，在按提交按钮的时候，交给JS去判断和决定submit的页面

Answer 3

用javascript
<script ...>
function goto()
{
var i = document.getElementById("type");
if(i == "A")
{
window.location="A.jsp";
}
else if(i == "B")
{
window.location="B.jsp";
}
}
</script>

<select ... onchange="goto()">
.....

Answer 4

用 onchang＝“window.location='你要去的网址'”