javascript - 创建动态链接下拉菜单

Question

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

Answer 1

以下是如何更改 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>