如何動態添加到按鈕的鏈接？

Question

這與這個問題有關。

如何在填寫字段時動態添加 HREF？

我已成功使鏈接正常工作，但已決定該鏈接作為按鈕會更好。 這是我的鏈接。

我用的function

function buildPMLink(){
       let urlStart = "https://www.projectmanagement.com?query=";
       let urlEnd = "&showResults=False";
       let campRef = document.getElementByID("campid").value;
       let fullURL = urlStart + campRef + urlEnd;
       document.getElementById('pmURL').href = fullURL;

    }

觸發 function 的字段

<div class="input-field col s3">
    <input placeholder="Enter Campaign ID" id="campid" type="text" class="validate" oninput="buildWFLink(); buildPMLink();" required >
    <label for="campaign_id">Campaign ID</label>
</div>

我添加了動態 HREF 的鏈接。

<div >
     <a id="pmURL">Test</a>
 </div>

我嘗試創建一個按鈕並將其包裝在一個希望使用表單操作的表單中，但失敗了。 我錯過了什么？

Answer 1

你可以像這樣做一些非常簡單的事情：

<a id="pmURL"><button>Test</button></a>