Javascript Jquery赢得';t附加<;textarea>;特定div的值
我不知道我做错了什么。 只是尝试将id为txtarea的内容复制到id为rslt的div。希望有人能给我们一些启示:Javascript Jquery赢得';t附加<;textarea>;特定div的值,javascript,jquery,Javascript,Jquery,我不知道我做错了什么。 只是尝试将id为txtarea的内容复制到id为rslt的div。希望有人能给我们一些启示: <title>Targil 2</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/
<title>Targil 2</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
</head>
<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>
<script>
$('#btn').click(function () {
$("#txtarea").val().appendTo("#rslt");
}
);
</script>
<hr />
<div id="rslt">
</div>
</body>
</html>
target2
写在这里:
在这里:
去
$('#btn')。单击(函数(){
$(“#txtarea”).val().appendTo(“#rslt”);
}
);
.val()
是一个字符串值,但是.appendTo()
需要一个选择器引用(jQuery对象),因此此错误:
未捕获类型错误:$(…).val(…).appendTo不是函数
改为使用.text()
或.html()
写在这里:
在这里:
去
$('#btn')。单击(函数(){
$(“#rslt”).html($(“#txtarea”).val());
});
$('#btn')。单击(函数(){
$(“.rslt”).text($(“#txtarea”).val());
});
div标记不适用于p、span等文本。请尝试:
$('#btn').click(function() {
$('#rslt').append($('#txtarea').val());
});
在本例中appendTo不起作用的原因是需要对DOM元素而不是字符串调用appendTo
$('#btn').click(function() {
$('#rslt').append($('#txtarea').val());
});