Question

想要创建一个按钮。一旦按钮单击该值的一个。

<button type="button" value="xxxx">Press</button>
<button type="button" value="yyyy">Press</button>

按钮的xxx值将进入文本字段，按钮的值为每个值。

<input type="textarea" name="textfield" id="text">

Answer 1

在Javascript中定义一个函数

function fillText(value)
{
    document.getElementById('text').value = value;
}

并将其放在按钮的点击事件

中

<button type="button" value="xxxx" onclick="fillText(this.value)">Press</button>
<button type="button" value="yyyy" onclick="fillText(this.value)">Press</button>

Answer 2

你需要这个

＆＃13;

var btn1 = document.getElementById('btn1');
var btn2 = document.getElementById('btn2');

btn1.addEventListener('click', function(e) {
  document.getElementById('text').value = e.target.value;
});

btn2.addEventListener('click', function(e) {
  document.getElementById('text').value = e.target.value;
});

＆＃13;

<button id="btn1" value="xxxx">Press</button>
<button id="btn2" value="yyyy">Press</button>

<input type="textarea" name="textfield" id="text">

＆＃13;

＆＃13; 注意：type=button代码不需要<button>。

Answer 3

您必须使用document.GetElementById()方法。

首先，创建一个JavaScript函数：

function transfer(element) {
  document.getElementById("text").value = element.value;
}

现在，按下按钮时，按钮会自动作为参数运行。

<button type="button" value="xxxx" onclick="transfer(this)">Press</button>
<button type="button" value="yyyy" onclick="transfer(this)">Press</button>

来自按钮事件javascript的html文本字段

3 个答案: