Question

＆lt; p＆gt;我不知道我做错了什么。只是尝试将带有id txtarea的内容复制到id为rslt的div。希望有人可以解释一下：＆lt; / p＆gt; ＆LT;预＆GT;＆LT;代码＆GT; ＆lt; title＆gt; Targil 2＆lt; / title＆gt; ＆lt; script src =＆＃34; http：//code.jquery.com/jquery-1.9.1.js"＆gt;＆lt; / script＆gt; ＆lt; script src =＆＃34; http：//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"＆gt;＆lt; / script＆gt; ＆LT; /头＆GT; ＆LT;身体GT; ＆lt; p＆gt;写在这里：＆lt; / p＆gt; ＆lt; input type =＆＃34; text＆＃34; ID =＆＃34; BX＆＃34; /＆GT; ＆lt; br /＆gt; ＆lt; p＆gt;和这里：＆lt; / p＆gt; ＆lt; textarea cols =＆＃34; 100＆＃34;行=＆＃34; 8＆＃34; ID =＆＃34; txtarea＆＃34;＆GT;＆LT; / textarea的＆GT; ＆lt; br /＆gt; ＆lt; button id =＆＃34; btn＆＃34;＆gt; GO＆lt; / button＆gt; ＆LT;脚本＆GT; $（＆＃39;＃btn＆＃39;）。click（function（）{ $（＆＃34;＃txtarea＆＃34）。VAL（）appendTo（＆＃34;＃RSLT＆＃34）; } ）; ＆LT; /脚本＆GT; ＆lt; hr /＆gt; ＆lt; div id =＆＃34; rslt＆＃34;＆gt; ＆LT; / DIV＆GT; ＆LT; /体＆GT; ＆LT; / HTML＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT;

Answer 1

.val()是字符串值，但.appendTo()需要选择器引用（jQuery对象），因此错误：

未捕获的TypeError： $（...）。val（...）。appendTo不是函数

使用.text()或.html()代替

<body>

<p>Write here:</p>
<input type="text" id="bx" />
<br>
<p>and here:</p>
<textarea cols="100" rows="8" id="txtarea"></textarea>
<br>
<button id="btn">GO</button>
<hr>
<div id="rslt"></div>


<!-- Scripts before </body> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$('#btn').click(function() {
  $("#rslt").html( $("#txtarea").val() );
});
</script>

</body>

此外，请确保在结束<script>代码前放置</body>代码！

Answer 2

<div id="rslt">
<span class="rstl">
</div>

$('#btn').click(function() {
$(".rslt").text($("#txtarea").val());
});

div标签不适用于p，span等文本......

Answer 3

尝试：

$('#btn').click(function() {
  $('#rslt').append($('#txtarea').val());
});

appendTo在这种情况下不起作用的原因是因为需要在DOM元素上调用appendTo，而不是字符串。

Jquery不会将<textarea>值附加到特定的div

3 个答案: