添加内容后如何删除内容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()); 
});