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

Question

我有这个代码：https ://www.w3schools.com/howto/howto_custom_select.asp

我只想为每个选项添加一个不同的 URL，以便在单击时打开它。我已经尝试了很多方法，但没有一个有效。我不懂 Javascript，我认为我尝试过的选项可能与这些选项冲突。

任何人都可以帮助解决这个问题吗？非常感谢您的时间和帮助。

Answer 1

尝试“onclick”而不是“value”。

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

Answer 2

您必须将 value 和 onchange 添加到选项，例如：

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