在select标签内插入一个链接?

时间:2013-04-20 11:30:17

标签: javascript html

当有人点击选择标记内的选项时,如何更改页面?

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

2 个答案:

答案 0 :(得分:2)

您可以使用java脚本的ONCHANGE事件,如下所示

<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>

答案 1 :(得分:0)

使用onchange事件:

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