Javascript 如何创建带有URL链接的自定义选择菜单_Javascript_Css_Custom Selectors

Javascript 如何创建带有URL链接的自定义选择菜单

javascript css

Javascript 如何创建带有URL链接的自定义选择菜单,javascript,css,custom-selectors,Javascript,Css,Custom Selectors,我有以下代码：我只想在每个选项中添加一个不同的URL，以便在单击时打开它。我试过很多方法，但都不管用。我不懂Javascript，我认为我尝试过的选项可能与此冲突有人能帮忙解决这个问题吗？非常感谢您的时间和帮助。您必须增加价值并更改选项，例如： <select onchange="window.location=this.value"> <option value="http://www.google.com">Go

我有以下代码：

我只想在每个选项中添加一个不同的URL，以便在单击时打开它。我试过很多方法，但都不管用。我不懂Javascript，我认为我尝试过的选项可能与此冲突

有人能帮忙解决这个问题吗？

非常感谢您的时间和帮助。

您必须增加价值并更改选项，例如：

<select onchange="window.location=this.value">
    <option value="http://www.google.com">Google</option>
    <option value="http://www.yahoo.com">Yahoo</option>
    <option value="http://www.bing.com">Bing</option>
</select>


谷歌
雅虎
宾

尝试“onclick”而不是“value”

Google

我这样做了，但没有成功：我直接在我发布的链接上尝试，但没有任何改变。还有其他选择吗？它也不起作用：它可能和javascript冲突吗？这真的很奇怪。它非常适合我，然后我又有了一个空白的项目，只有我需要的代码使它工作。尝试一个只包含所需代码的新编辑器，但不使用onclick，而是使用onclick，看看它是否可以这样工作？让它变得简单，但不幸的是它真的不起作用：（你给我的第一个选项是独立工作的，但没有与我发布的链接中的代码结合起来。如果你能帮忙，我最后一次尝试的方式是工作。如果我使用这个：google.com“>google yahoo.com”>yahoo bing.com“>Bing您知道如何设置选项菜单列表的样式吗？这样它就不会使用标准菜单视图了？非常感谢您的帮助Caleb。您使用的是单独的样式表还是内联样式表？如果您使用单独的样式表，您可以给标签一个类，然后在css中以该类为目标。例如：html:css:.选择类{font size:20px}。应该可以。如果您使用的是内联样式，应该是相同的，但我强烈建议使用单独的样式表SOK！非常感谢您的时间和帮助！我非常感谢：）

<option onclick="window.location='http://www.google.com'">Google</option>