javascript - 添加内容后如何删除内容textarea？ jQuery

Question

我有一个带有选择列表的文本区域。 我的选择列表在文本区域添加新内容。 但是，如果我开始在文本区域上书写，并且在使用选择列表添加内容后，我不知道如何删除第一个内容，然后从选择列表中添加新内容。

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

您可以使用val()两侧，因为它支持 <textarea>元素:

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