如何将按钮值引用到HREF属性

Question

我是html和Javascript世界的新手。

我想要一个动态href链接，它根据按钮的值进行更新。

<button value="deletemiv?mav={{majorID}}" id="deleteID">
<a href="how to reference?">

我想在href属性中引用这个值。怎么做？

Answer 1

最简单的方法是在两个元素上设置ID。然后，您可以使用document.getElementByID来构建包含按钮的JavaScript变量，还可以设置超链接的href属性：

var the_button = document.getElementById("button_id");
document.getElementById("link").href = the_button.value; 

<button value="deletemiv?mav={{majorID}}" id="button_id">
<a id="link" href="#">Delete</a>

在上面的示例中，超链接的链接设置为按钮的value deletemiv?mav={{majorID}}。

希望这有帮助！ ：）

Answer 2

通过将lib包含在html页面的头部

，将Jquery添加到您的页面

然后它下面包含一个带有dom ready功能的javascript文件

将click事件监听器绑定到按钮然后只使用jquery设置href的attr

$（'＃link'）。attr（'href'，'your link here'）;

将上面的行放在click侦听器函数

中