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

Question

您好我正在使用php开发Web应用程序我正面临一个问题，从下拉列表中添加值到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));});