javascript - 如何使用html中的href传递输入字段值？

Question

我想将一个整数值从 href 传递给输入字段值。
假设 example.com 是具有 1 个输入字段的网页。
我想做类似
href="www.example.com" value="12345" click here 1
href="www.example.com" value="125"click here 2
如果用户点击click here 1然后输入字段如果用户单击此处，example.com 中必须填写 12345 值2然后 example.com 中的输入字段必须填写 125 值。（用户无需输入值）

标签： javascripthtml

Answer 1

这是你将如何做到的。在 HTML 中创建两个按钮 Click here 1 和 Click here 2 在属性 onmousedown 中为它们提供函数名称 showResult1 和 showResult2 并创建一个 ID 为“answer”的输入，然后在 Script 标签中定义两个变量 a 和 b 并为它们分配整数值 12345和 125 并使用您在 html 中定义的名称在两个按钮“showResult1”“showResult2”的 onmousedown 属性中创建两个函数，并通过 document.getElementById 获取输入的 Id“答案”，并给它们一个值 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>