Javascript 如何创建充满链接的下拉菜单或`<；a>；`标签？ 细节 我想创建一个充满链接或 问题 当我点击它时，它什么地方都不会去 它只是停留在那里，就像什么都没发生一样 URL也不会生效

链接中不能有其他html

相反，使用锚定作为选项的值，并在检测到更改时使用javascript进行设置：

<select onchange="go(this.value);">
    <option value="#one">1</option>
    <option value="#two">2</option>
    <option value="#three">3</option>
</select>

<div id="one">one</div>
<div id="two">two</div>
<div id="three">three</div>

<script>
function go(link){
    window.location.hash = link;
}
</script>

1.
2.
3.
一
二
三
功能go（链接）{
window.location.hash=链接；
}

---

链接中不能有其他html

相反，使用锚定作为选项的值，并在检测到更改时使用javascript进行设置：

<select onchange="go(this.value);">
    <option value="#one">1</option>
    <option value="#two">2</option>
    <option value="#three">3</option>
</select>

<div id="one">one</div>
<div id="two">two</div>
<div id="three">three</div>

<script>
function go(link){
    window.location.hash = link;
}
</script>

1.
2.
3.
一
二
三
功能go（链接）{
window.location.hash=链接；
}

我不确定

标记是否应该在

中，这是一回事。您的HTML看起来像是在使用bootstrap，所以为什么不直接使用bootstraps下拉类呢？如果您真的想使用

，您可能需要使用JavaScript来侦听更改事件，然后滚动到所需的部分

另一件事是：

您的链接（例如埃及）如下所示：

<a href="#Egypt" >Egypt</a>

<div class="col-xs-2">
    <h5 id="#Africa" >Egypt</h5>
</div>

我不确定

标记是否应该在

中，这是一回事。您的HTML看起来像是在使用bootstrap，所以为什么不直接使用bootstraps下拉类呢？如果您真的想使用

，您可能需要使用JavaScript来侦听更改事件，然后滚动到所需的部分

另一件事是：

您的链接（例如埃及）如下所示：

<a href="#Egypt" >Egypt</a>

<div class="col-xs-2">
    <h5 id="#Africa" >Egypt</h5>
</div>

---

如果您需要一个非常简单的解决方案，您可以这样做：

<select onchange="window.location=this.value">
    <option value="">Select:</option>
    <option value="http://google.com">google</option>
    <option value="http://yahoo.com">yahoo</option>
</select>

选择：
谷歌
雅虎

---

在您的情况下，您应该使用window.location.hash而不是window.location

如果您需要一个非常简单的解决方案，您可以这样做：

<select onchange="window.location=this.value">
    <option value="">Select:</option>
    <option value="http://google.com">google</option>
    <option value="http://yahoo.com">yahoo</option>
</select>

选择：
谷歌
雅虎

---

在您的情况下，您应该使用window.location.hash而不是window.location

您不能像这样将html嵌入到

中。如果你想让它们像链接一样“可点击”，然后，您必须将

onclick

或

onchange

javascript处理程序添加到父级

并在那里进行重定向/链接。收听

HTMLSelectElement

对象的

change

事件，并更改

location

对象的

href

属性。我刚刚添加了这个

$(“#state”）.change（function（）{document.location.href=$（this.val（）；}）

-唯一的差异是URL。没有效果：（删除select，它可能会工作。你所说的“唯一的差异是URL”到底是什么意思？你不能像那样将html嵌入到

中。如果你想让它们“可点击”"如果它们是链接，那么您必须将

onclick

或

onchange

javascript处理程序添加到父

并在那里进行重定向/链接。请收听

HTMLSelectElement

对象的

change

事件，并更改

位置

对象的

href

属性ded This

$（“#state”）.change（function（）{document.location.href=$（This.val（）；}）

-唯一的差异是URL。没有效果：（删除选择，它可能会工作。您所说的“唯一的差异是URL”到底是什么意思？很好，我不知道你可以内联

onchange

当我点击它时，它链接到了它。真的很难看到，你能帮我把

选中的
国家名称的颜色改成红色，然后当我点击它时。“很好，我不知道你可以内联onchange”@evoque2015实际上，这是自早期的JS和从下拉菜单超链接到URL以来使用的最古老的方法之一；-）老实说，我有点喜欢这个方法。你可以使用CSS为所选选项着色，但我不知道它是否适用于所有浏览器：选择选项：选中{color:#ff0000；}很好，我不知道你可以内联
onchange
当我点击它时，它链接到了它。真的很难看到，你能帮我把选中的
国家名称的颜色改成红色，当我点击它时。“很好，我不知道你可以内联onchange”@evoque2015实际上，这是自早期的JS和从下拉菜单超链接到URL以来使用的最古老的方法之一；-）老实说，我有点喜欢这个方法。你可以使用CSS为所选选项着色，但我不知道它是否适用于所有浏览器：选择选项：选中{color:#ff0000；}