twitter-bootstrap 如何将链接添加到 Bootstrap 选择选项

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/18111096/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 17:52:38  来源:igfitidea点击:

How to Add a link to Bootstrap Select Options

jqueryhtmlcsstwitter-bootstraphref

提问by user2661888

Hi I'm trying to add a link to a Bootstrap Select Option. How I do that

嗨,我正在尝试添加指向 Bootstrap 选择选项的链接。我怎么做

This is my code

这是我的代码

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

Thanks

谢谢

回答by sir_thursday

Should work:

应该管用:

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

回答by Anthony Valera

You can't make a link inside a selectelement. However, you can use valueto redirect a user when it is selected.

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

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

回答by Pedr?o

Not the most semantical solution, but you can also try this:

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

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

回答by James R

Perhaps something like this?

也许像这样?

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