TA貢獻1790條經驗 獲得超9個贊
好吧，根據我的理解，這就是你想要做的 - 你有兩個鏈接
鏈接1 - 點我！鏈接 2-不，請點擊我！
如果用戶單擊鏈接 1，他們將看到一個包含值的輸入字段。輸入的值將是鏈接的值。如果單擊鏈接 2，將向他們顯示一個包含鏈接二值的輸入字段。
實現這一點相當簡單，只需設置一個簡單的 javascript 函數，該函數在單擊每個鏈接時就會發生。
例如 const linkOne = document.querySelector('.linkOne'); const inputOne = document.querySelector('.inputOne'); linkOne.addEventListener("click", function() { inputOne.value = linkOne.getAttribute('value'); }); ，然后您將對鏈接二執行相同的操作。
getAttribute 可以幫助您獲取元素的任何屬性，我們不會使用 .value 因為這會返回鏈接。
TA貢獻1777條經驗 獲得超3個贊
以下是您將如何做到的。在 HTML 中創建兩個按鈕 Click here 1 和 Click here 2 在屬性 onmousedown 中給它們函數名稱 showResult1 和 showResult2 并創建一個 id 為“answer”的輸入，然后在 Script 標簽中定義兩個變量 a 和 b 并為它們分配整數值 12345和 125 并使用您在兩個按鈕“showResult1”“showResult2”的 onmousedown 屬性中在 html 中定義的名稱創建兩個函數，并通過 document.getElementById 獲取輸入的 Id“answer”，并為它們提供 a 和 b 值
var a = 12345;
var b = 125;
function showResult1() {
document.getElementById("answer").value = a;
}
function showResult2() {
document.getElementById("answer").value = b;
}
<button id="btn" onmousedown="showResult1()">Click here 1</button>
<button id="btn" onmousedown="showResult2()">Click here 2</button>
<br><br>
<input id="answer" readonly>
TA貢獻1744條經驗 獲得超4個贊
為了解決這個問題，您有多種選擇，例如普通 JavaScript 或使用jQuery 庫（如我與您共享的代碼片段中所示），結果將是相同的。
如果運行此代碼片段，您會注意到，當用戶單擊任何鏈接時，輸入會自動填充您在請求描述中提供的值。請繼續在您的代碼中實現這一點，但不要忘記將 jquery 庫添加到您的 html 主文件中，以便您使用它。
我當然希望這能有所幫助，伙計。祝你有美好的一天，繼續編碼，這是一次偉大的冒險！
$(document).ready(function() {
$("#clickHere01").click(function() {
$("#txtValues").val("12345");
});
$("#clickHere02").click(function() {
$("#txtValues").val("125");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<hr>
<h3>Welcome to the www.example.com website</h3>
<p>Please click the below links to fill up this textbox:<br />
<input type="text" id="txtValues" value="">
</p>
<a href="#" id="clickHere01">Click here 1</a>
<a href="#" id="clickHere02">Click here 2</a>
TA貢獻1827條經驗 獲得超8個贊
尋找我的樣品：這就是你想要的嗎？
$("#btn_1").on("click",function(){
$("#data_1").val($(this).val());
});
$("#btn_2").on("click",function(){
$("#data_1").val($(this).val());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<button id="btn_1" value="12345">Click here 1</button>
<button id="btn_2" value="125">Click here 2</button>
<input id="data_1" type="text" value="" readonly>
</div>
舉報