ボタンの値をHREF属性に参照する方法

Question

私はhtmlとJavascriptの世界で初めてです。

ボタンの値に基づいて更新する動的hrefリンクが必要です。

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

この値をhref属性内で参照したいと考えています。どうやってするの？

Answer 1

これを実行する最も簡単な方法は、両方の要素にIDを設定することです。あなたは、両方のボタンを収容するJavaScript変数を構築するためにdocument.getElementByIDを使用し、また、ハイパーリンクの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

DOMレディ機能付きのJavaScriptファイルをインクルードし、それを下回るHTMLページ

の頭の中のlibを含めることによって、あなたのページへのjQueryを追加

は、ボタンにクリックイベントリスナーをバインドjqueryを使用してhrefのattrを設定してください。

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

クリックリスナー機能内の上記の箇所