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>

当我点击值fild中的 Text1 时，我得到“未定义”而不是“ Text1 ”...

Answer 1

我会用：

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

并设置HTML标记：

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

Answer 2

放手一搏。

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

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 3

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

这是你要找的吗？

表单和输入应具有“name”属性，如：

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

在上面的案例中。

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

3 个答案: