创建动态链接下拉菜单

时间:2020-02-04 16:28:24

标签: javascript html

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

1 个答案:

答案 0 :(得分: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>