添加內容後如何刪除內容textarea？ jquery

Question

我有一個textarea與選擇列表。 我的選擇列表在textarea上添加新內容。 但是，如果我開始在textarea上編寫內容並在添加內容後選擇列表，我不知道如何刪除第一個內容，然後從我的選擇列表中推出新內容。

HTML：

<div id="selectmodelediv"> 
     <select> 
     <option value=""></option> 
     <option value="1111">test1</option> 
     <option value="222">test2</option> 
     </select><br /> 

     <textarea id="targetText" name="targetText" class="champ_tel_txtarea" rows="6" cols="50"></textarea> 

     </div> 

的Jquery：

$('select').change(function() { 
$('#targetText').text(''); // I try to clear my textarea before to add content 
$('#targetText').append($('#selectmodelediv select').val()) // add new content from select list 

}); 

Answer 1

只需使用

$('#targetText').val($('#selectmodelediv select').val()) 

DEMO

Answer 2

$('select').change(function() { 
    $('#targetText').val($(this).val()) // add new content from select list 
}); 

演示：Fiddle

Answer 3

可以在兩側使用val()，因爲它支持<textarea>元素：

$("#targetText").val($("#selectmodelediv select").val()); 

Answer 4

嘗試：

$('select').change(function() { 
    $('#targetText').val($('#targetText').val()); 
}); 

Answer 5

您應該使用.VAL（）函數來獲取/套textarea字段。根據這個回答val() vs. text() for textarea如果你認爲它是val（），text（）有時可以做「意想不到的」事情。

嘗試以下操作：

$('#targetText').val($('#selectmodelediv select').val()) 

Answer 6

追加用於一些HTML代碼添加到選定的元素，你需要做的是 -

$('select').change(function() { 
$('#targetText').val($("#selectmodelediv select").val()); 
});