javascript - Javascript onClick 函数 - 将文本复制到输入值

Question

伙计们，你能帮我在 JavaScript 中创建简单的函数吗？我需要更改表单值中显示的值。例如

<span id="copy" onClick="addValue()">**Text1**</span>
<span id="copy" onClick="addValue()">Text2</span>

根据我单击的内容，我想将其移动到输入值，如下所示：

<input id="paste" class="text" type="input" name="select" value="**Text1**"/>

我的功能将如何看起来像？？？

<script language="javascript" type="text/javascript">   
    <!--Hide Javascript         
      function addValue(){
         document.getElementById('paste').value = this.innerText;       
     }  
 -->  </script>

当我在值字段中单击Text1时，我得到“未定义”而不是“ Text1 ”...

Answer 1

试一试。

您需要将元素传递到您的函数中，以便您可以访问它的属性以将它们分配给您的表单输入。

HTML：

<form name="myForm">
    <span onclick="copyText(this)" >Text1</span>, <span onclick="copyText(this)" >Text2</span>
    <br>
    <input name="myField"></input>
</form>

Javascript：

function copyText(element) {
   document.myForm.myField.value = element.innerHTML;
}

Answer 2

我会使用：

 function addValue(el) {
     document.getElementById('paste').value = el.innerText || el.textContent || el.outerText;
 }

并像这样设置 HTML 标签：

 <span id="copy" onClick="addValue(this)">**Text1**</span>

Answer 3

document.myForm.myField.value = "I'm a different value now!";

这是你要找的吗？

表单和输入应具有“名称”属性，例如：

<form name="myForm">
    <input name="myField" />

在上述情况下。