Jqueryは特定のdivに<textarea>の値を追加しません

私は何が間違っているのか分かりません。 idのtxtareaのコンテンツをID rsltのdivにコピーしようとしています。誰かがいくつかの光を当てることができることを望む：Jqueryは特定のdivに<textarea>の値を追加しません

<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>

出典

2017-04-24 Muli Cohen

.val()がString値あるが、セレクタ基準（jQueryオブジェクト）を.appendTo()期待し、従ってこのエラー：

Uncaught TypeError: $(...).val(...).appendTo is not a function

使用.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>

また、あなたが右の終了</body>タグの前に、あなたの<script>タグを配置してください！

出典

2017-04-24 22:33:02

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

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

divタグはなどにまたがる、Pのようなテキストのためではありません...

出典

2017-04-24 22:41:11 Osama

試してみてください。

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

appendToがする必要があるため、appendToが、この場合には動作しない理由は、文字列ではなくDOM要素で呼び出されます。

出典

2017-04-24 22:44:35 asarna

Jqueryは特定のdivに<textarea>の値を追加しません

答えて

関連する問題