如何將一個按鈕值引用到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

加入jQuery的到您的網頁通過包括的lib在HTML頁面中的頭

那麼它下面包括與DOM已準備就緒功能

綁定一個click事件偵聽器按鈕的JavaScript文件那麼只需使用jquery設置href的attr即可。

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

在點擊監聽器功能內的上方位置