jquery - 如何添加指向 Bootstrap 选择选项的链接

Question

您好我正在尝试添加指向 Bootstrap 选择选项的链接。我是怎么做到的

这是我的代码

<select class="visible-phone span3 select-margintop">
    <option>Servicios</option>
    <option><a href="link . com">Test 1</a></option>
    <option><a href="link . com">Test 2</a></option>
    <option><a href="link . com">Test 3</a></option>
</select>

谢谢

Answer 1

应该管用：

<select onchange="location = this.value;">
 <option value="home.html">home</option>
 <option value="team.html">team</option>
 <option value="contact.html">contact</option>
</select>

Answer 2

不是最语义化的解决方案，但你也可以试试这个：

<select>
    <option onClick="window.location = 'http://www.foo.bar'" >Foo</option>
    <option onClick="window.location = 'http://www.foo.bar'">Bar</option>
</select>

Answer 3

您不能在select元素内创建链接。但是，您可以value在用户被选中时使用它来重定向用户。

<select class="visible-phone span3 select-margintop">
    <option>Servicios</option>
    <option value="link.com">Link 1</option>
</select>

Answer 4

也许是这样的？

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