样式选择选项以显示全部并显示为链接

Question

我以前尝试将样式下拉列表转换为标准的无序列表，并且能够这样做，但是我需要下拉列表中的任何选项来保留其值并在单击或选择时链接到这些值。

所以，我想知道是否可以设置选择下拉列表的样式而不是转换它，以便它默认显示其中的所有选项，并且它们看起来好像是标准的 href 链接？

Answer 1

选择的

样式很糟糕，特别是如果您担心较旧的浏览器。你真的不能只用CSS做任何事情，最多你可以做这种事情

但是，您可以模仿您想要的行为...如果你愿意使用Javascript，例如你可以做这样的事情。

<style>
.fake-link {
    color:#0044ff;
    text-decoration: underline;
    cursor:pointer;
}
</style>
<select onchange="location = this.options[this.selectedIndex].value;">
    <option value="#">Select a Link</option>
    <option class="fake-link" value="http://stackoverflow.com/">A fake link</option>
    <option class="fake-link" value="http://google.com">Another, another fake link</option>
</select>

令人

讨厌的是，你必须浸入Javascript才能做一些听起来很简单的事情，但据我所知，你不能用任何其他方式做到这一点。