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

Javascript onClick function - copy text to input value

本文关键字：复制 输入 文本 onClick 函数 Javascript      更新时间：2023-09-26

我需要更改表单中显示的值。例如：

<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时；未定义的"；而不是"文本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;
}

我会使用：

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

并设置HTML标签如下：

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

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

这就是你要找的吗？

表单和输入应该有一个"name"属性，比如：

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

在上述情况下。

相关文章：