在选择标签内插入链接?
问题描述:
当有人点击选择标签内的选项时,我如何更改页面?在选择标签内插入链接?
<select>
<option><a href="/1" >1</a></option>
<option><a href="/2" >2</a></option>
<option><a href="/3" >3</a></option>
</select>
答
您可以使用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
答
使用onchange
事件:
<select onchange="window.location.href=this.options[this.selectedIndex].value">
通过移动逻辑到onClick()ev的选项耳鼻喉科? – Sprottenwels 2013-04-20 11:31:35