单击元素:将其文本复制到输入字段

时间:2014-08-20 10:43:09

标签: javascript jquery

我搜索一种方法将文本复制到输入字段,文本可以在某个标签中或者 - 它并不重要,但是在点击此值后我需要将其放入输入字段(类型文本)。我认为使用JavaScript / jQuery是可行的,但我不知道如何编写这样的脚本。

3 个答案:

答案 0 :(得分:2)

看看这个例子

HTML PART

<div class="copy">Copy me</div>
<span class="copy">Hey copy me</span>
<a href="#" class="copy">Me too</a>

<input type="text" class="paste" value="" />

JQuery PART

$(document).on('click', '.copy', function(e){
   e.preventDefault(); 
   $('.paste').val($(this).text());
});

SEE IN ACTION

答案 1 :(得分:0)

为输入文字提供唯一ID

例如

并在OnClick事件函数中编写以下代码行

$(&#34;#1&#34;)。val(&#39; some text&#39;);

答案 2 :(得分:0)

其实我不清楚问题。无论如何,请在下面找到工作小提琴,

Fiddle Here

<input type="text" id="txt_name" placeholder="Enter text to copy"/>
<br>
<br>
<input type="text" id="txt_name_copy" placeholder="Copied Text Here..."/>

<input type="button" id="btn_Run" onclick="fn_copy();" value="Copy Text"/>

此处的功能:

function fn_copy()
{
var temp = document.getElementById("txt_name").value;
if(temp != "")
{
   document.getElementById("txt_name_copy").value = temp;
}
else
alert("Text is Empty");
}
相关问题