2012-01-31 9 views
8

を更新しません、私はTEXTAREATEXTAREAはjQueryを使って

$('#description').append('<textarea rows="8" cols="40">test</textarea>'); 

[OK]を追加し、私は "テスト01" に "テスト" のテキストを変更します。しかし、私が試してみると

var cadena = $('#description').text(); 
alert(cadena); 

私は "test"ではなく "test 01"を取得します。どうして?

$('#description').append('<textarea id="newTextArea" rows="8" cols="40">test</textarea>');¬ 

そして、この:

var cadena = $('#newTextArea').text(); 
alert(cadena); 

は、そうでなければ、あなただけの何#descriptionがあるの内部textareaを追加している、その後、

+2

#descriptionは何ですか? –

+0

どのように 'textarea'のテキストを変更しましたか?コードはどこですか? – ShankarSangoli

答えて

8

textarea IDを与え、それがval機能付き値だ変更します方法。"

あなたがテキストをどのように変化するかを言うことはありませんが、あなたはこれをやっている必要があります。

$('#description textarea').val("test 01");  // change the text 

var cadena = $('#description textarea').val(); // retrieve the current text 

「#descriptionは、」テキストエリアのコンテナであり、そしてあなたが取得するテキストエリア自体を選択する必要があることに留意値。もちろん、上記のコンテナ内に複数のテキストエリアがある場合、上記のコードは機能しません。したがって、新しいテキストエリアにidを割り当て、それに基づいて選択するとよいでしょう。

+0

パーフェクト、私は$( "#myTextArea")を使っていました.html( ''); $( "#textoObs")を使うかもしれません。val( '');動作します! –

3

は、それは本当にこれをしたいと思うようになります。 .textの値を取得しようとしています...すべて(それが何であれ)。

idtextareaに追加すると、選択したものによってさらに具体的になり、探しているテキスト値を取得できます。 .val()を使用し、設定したり、入力またはTEXTAREA要素のテキスト値を取得するには」、それは.text() doco pageに言うと同じように

$('#description').append('<textarea id="xxx" rows="8" cols="40">test</textarea>');  
$('#xxx').val('test01'); 

//... later on 
alert($('#xxx').val()); 
8

+0

'#description'は' textarea'ではありません。それはそれを保持するものです。 – gdoron

+0

ありがとう@ gdoron、はい、私はそれを気づいて、あなたがコメントを投稿している間に私の答えを編集していました。 – nnnnnn

3

ユーザー.val()の代わりに.text()です。

お持ちの場合は一つだけのテキストエリアあなたが行うことができます追加

var cadena = $('#description textarea:first-child').val(); 

テストケース:http://jsfiddle.net/UzK59/

OR

あなたが追加されている場合つ以上のテキストエリア

var counter = 0; 
$('#description').append('<textarea id="textArea'+ counter +'" rows="8" cols="40">test</textarea>'); 
counter++; 

その後、

$('#textArea' + counter).val(); //Considering counter is 0 (Zero) here 

テストケース:あなたは

$('#textArea' + counter).val('New Value') 

を行うことができます値を設定するにはhttp://jsfiddle.net/UzK59/1/

が、これはあなたのお役に立てば幸いです。

関連する問題