Question

您好我正在尝试添加一个Bootstrap Select选项的链接。我是怎么做的

这是我的代码

<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元素内建立链接。但是，您可以使用value在用户选中时重定向。

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

Answer 3

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

<select>
    <option onClick="window.location = 'http://www.foo.bar'" >Foo</option>
    <option onClick="window.location = 'http://www.foo.bar'">Bar</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>

如何添加Bootstrap选择选项的链接

4 个答案: