创建动态链接下拉菜单



我对java脚本相当陌生。 我想知道如何制作一个下拉菜单,其中将链接作为元素,但它会根据用户输入的内容而变化。

我正在制作一个日历,其中每天都有不同的事件,以及注册该活动的不同链接。我的目标是创建一个下拉菜单,该菜单将提供链接以注册当天发生的几个事件。因此,它将根据用户选择的日期更改其内容。到目前为止,我只看到如何创建带有已设置链接的下拉菜单,但我希望下拉菜单能够根据用户的选择更改元素中的链接。

<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a></li>
</ul></li>
<li><a href="#">Menu 4</a></li>
</ul>

下面是如何在javascript中更改链接的简单示例:

<ul>
<li><a href="#" id="link1">Menu 1</a></li>
</ul>

<script>
document.getElementById("link1").setAttribute("href", "https://www.google.com/");
document.getElementById("link1").innerText = "My New Link"
</script>

最新更新