divをテキスト領域に追加しますか？

Question

私はテキストエリアを持っており、それにdivを追加しようとしています。私はコードがエラーをスローせずに実行されますが、私のテキストはテキストエリアの内側に表示されません

var text = '<div class="item"><a class="as">q</a>test</div>'; 
$('#textArea').append(text); 

...このようなjQueryを使ってそれをやろうとしています。なぜこれが起こるのですか？

Answer 1

HTML構造に追加するのか、単にHTMLコードをテキストとして表示しますか？
テキストエリアのHTML構造に追加したい場合、これは機能しません。あなたが探しているものを
はあなたにtextArea
.html()の
$('#textArea').text(text);または$('#textArea').text($('#textArea').text()+text);

.text()セットのテキストはあなたがテキストエリアに追加することはできませんあなたのHTMLコンテンツ

Answer 2

を設定しますです。そのテキストコンテンツは他の入力と同様に動作します。

var text = '<div class="item"><a class="as">q</a>test</div>'; 
$('#textArea').val($('#textArea').val() + text); 

Answer 3

試してみてください。

$('#textArea').val(text); 

Answer 4

あなたははdiv要素の内容をレンダリングしたいが、単にあなたが最初にHTMLに変換する必要があるテキストエリア内のHTMLを表示したくない場合：

var lt='<'; 
var gt='>'; 
var text = '<div class="item"><a class="as">q</a>test</div>'; 
text = text.replace(/</gi, lt); 
text = text.replace(/>/gi, gt); 
$('#textArea').append(text); 

テキスト領域のHTMLは次のようになります。

<textarea id="textArea"></textarea> 

あなたはのtextarea使用の内側のdivの内容をレンダリングしたいん場合：

var text = '<div class="item"><a class="as">q</a>test</div>'; 
$('#textArea').append(text); 

テキストエリアのHTMLは、他の例と同様である。

<textarea id="textArea"></textarea> 

Answer 5

あなたはテキストエリアにdivを入れることはできませんが、時にはそれを行う必要があります。良いニュースは、contenteditable要素のプロパティを使用することによって、他の方法でそれを行うことができるということです。

<div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv"> 
</div> 

枚この事業部は、正確にテキストエリアのように動作しますが、あなたは、あなたが欲しいものを追加することができます。 jqueryでデータを取り込むときに覚えておいてください。

var ContentofDiv = $('#txtDiv').html();