JQUERY - 選択したメニューのテキストエリアに.changeを入力しても何もしません。

Question

私はそれが私にとって不合理なので、何が起こったのかちょっと混乱しています。ポイントは何ですか？私はページをロードすると、私は内部の 'test1の' テキストを持つ3つのオプションとテキストエリアと選択メニューを持っている必要があり

<select id="id_number"> 
    <option value="0">option 1</option> 
    <option value="1">option 2</option> 
    <option value="2">option 3</option> 

</select> 
<br /><br /> 
<textarea id="description" placeholder="whatever">test1</textarea> 

と、このようなjqueryの

$("#id_number").change(function() { 
    $("#description").text('123'); // test function 
}); 

：

私は、このようなHTMLを持っています。そして私は持っている。さて、私が任意のオプションに変更すると、textareaは123とテスト機能を意図して変更されます。 Unfortunatelly私はキーボードからテキストエリアにテキストを入力し、再びメニューからオプションを選択すると、 '123'をテキストエリアに入れません。なぜか分かりませんが、テキストエリアの何かを入力すると何も起こりません。 jqueryはもうそれを変更することができます。選択メニューのオプションを変更するたびにテキストエリアテキストを変更する方法はありますか？

Answer 1

text()この場合、DOM要素の値を変更するだけで、実際の値は変更されません。これを行うには、val()を使用する必要があります。詳細については、jQueryのドキュメントページ：http://api.jquery.com/text/を参照してください。

Answer 2

これは、HTML自体にjQueryステートメントがある場所に問題があると思います。コードはJSFiddleに私の作品原因...あなたは「NOWRAP（身体）」、それが動作しないに変更したときに、しかし、ここでhttp://jsfiddle.net/AKuWd/

を見て...

Answer 3

あなたが任意のオプションを選択するためにこれを試してみてください。

$（ '＃1 ID_NUMBER'）（ '変更'、関数（）{

var id_number_value=$('#id_number').val(); 
$('#description').val(''); 
var description_value=$('#description').val(); 
if(id_number_value=='' || id_number_value=='null') 
    $('#description').val(id_number_value+""+description_value); 
else 
    $('#description').val(id_number_value+" "); 

を}）ライブ。