如何使用javascript将textarea的值插入另一个textarea

时间:2013-05-20 09:53:48

标签: javascript

这就是我的意思。让我们说我有2 textarea:

<textarea id="first" class="txtarea" name="in_first" cols="80" rows="15">First Textarea</textarea>

<textarea id="second" class="txtarea" name="in_second" cols="80" rows="15">First Textarea</textarea>

在最终结果中,我想用javascript将第一个textarea的值移动到第二个textarea,请不要使用任何其他编程语言。

我已经获得了第一个textarea的值,代码如下:

var textAreaValue = $("#first").text();

现在,我如何将其插入第二个textarea?或者你有另一种方法,请告诉我。

6 个答案:

答案 0 :(得分:6)

使用jquery val()方法:

$firsttextarea=$("#first").val();
$('#second').val($firsttextarea);

使用jquery text()方法:

$firsttextarea=$("#first").text();
$('#second').text($firsttextarea);

答案 1 :(得分:2)

然后,只使用JS(没有库):

var firstTextArea = document.getElementById('first');
document.getElementById('second').value = first.value;

//clearing the first
first.value = '';

答案 2 :(得分:0)

在纯JavaScript中,它应该如下所示:

var value = document.getElementById("first").value;
document.getElementById("second").value = value;

请注意,对于表单元素(例如<textarea>),您应该解决value属性。

如果要清除第一个<textarea>的值,请执行:

document.getElementById("first").value = "";

答案 3 :(得分:0)

你可以使用jQuery:

var textAreaValue = $("#first").text();
$("#second").text(textAreaValue);

清除textArea你可以使用:

$("#first").text("");

答案 4 :(得分:0)

使用jQuery

$('.second').val($('.first').val());

这仅供参考。

答案 5 :(得分:0)

HTML

<textarea id="first" class="txtarea" name="in_first" cols="80" rows="15">First Textarea</textarea>

<textarea id="second" class="txtarea" name="in_second" cols="80" rows="15">First Textarea</textarea>

jquery的

var FristTextAreaValue = $("#first").val();
var SecondTextAreaValue = $("#second").val();