2013-04-20 159 views
0

当有人点击选择标签内的选项时,我如何更改页面?在选择标签内插入链接?

<select> 
    <option><a href="/1" >1</a></option> 
    <option><a href="/2" >2</a></option> 
    <option><a href="/3" >3</a></option> 
</select> 
+1

通过移动逻辑到onClick()ev的选项耳鼻喉科? – Sprottenwels 2013-04-20 11:31:35

回答

2

您可以使用ONCHANGE事件Java的脚本如下

<select name="forma" ONCHANGE="location = this.options[this.selectedIndex].value;"> 
    <option value="Home.php">Home</option> 
    <option value="Contact.php">Contact</option> 
</select> 

在你的情况

<select onchange="location = this.options[this.selectedIndex].value;"> 
    <option value=="/1" >1</a></option> 
    <option value=="/2" >2</a></option> 
    <option value="/3" >3</a></option> 
</select> 
+3

虽然这样做时要小心,因为有些浏览器在通过键盘导航select元素时触发'change'事件。所以使用键盘的人只能选择这些浏览器中的第一项(一些IE) – Gareth 2013-04-20 11:36:22

+0

是的,我完全同意你的看法。 – 2013-04-20 11:38:48

0

使用onchange事件:

<select onchange="window.location.href=this.options[this.selectedIndex].value">