在选定的下拉列表中添加textarea中的值而不删除以前的值

Question

您好我正在使用php开发网络应用程序我在向textarea的下拉列表中添加值时遇到了问题。它显示在html中，但不在textarea中。

如果我在inspect元素中编辑html，则更改会受到影响。

这是我的代码：

JS：

$('#txtfieldname').on('change',function() {
    console.log($(this).val());
    var fieldName = $(this).val();
    $('#txttext2tpeechmessage').append('{{ '+fieldName+' }}');
});

HTML：

<select name="txtfieldname" id="txtfieldname" class="form-control">
    <option value="">--Select--</option>                      
</select>

任何帮助将不胜感激.. 提前谢谢..

Answer 1

尝试以下代码，

$('#txtfieldname').on('change',function() {
    console.log($(this).val());
    var fieldName = $(this).val();
    $('#textarea').val($('#textarea').val() +fieldName)
});

Answer 2

试试这个......

$('#txtfieldname').on('change',function() {
    var fieldName = $(this).val();
    var text = $('textarea').val();
    $('textarea').val(text.concat(fieldName));});