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

您可以在双方使用val()，因为它支持<textarea>元素：

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

Answer 2

append用于向所选元素添加一些html，你需要做的是 -

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

Answer 3

只需使用

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

DEMO

Answer 4

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

演示：Fiddle

Answer 5

尝试：

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

Answer 6

您应该使用.val（）函数来获取/设置textarea字段。根据这个答案val() vs. text() for textarea text（）如果你认为它是val（），有时可以做“意外”的事情。

尝试以下方法：

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

如何在添加内容后删除内容textarea？ jQuery的

6 个答案: