Home / Questions / 564024
Accepted
jano
Asked: 2022-10-25 08:00:28 +0800 CST 2022-10-25 08:00:28 +0800 CST

Add multiple values ​​to a textarea from a DropDownList

  • 772

As they are, I have a list of diseases that is shown in my DropDownList and when selecting it, it is loaded in the textarea, so far without problems; but if I select another disease again, it is replaced in the Textarea and I want the new selected disease to be added, I hope you can help me

$(document).on('change', '#idenfermedad', function (event) {
            $('#diagnos').val($("#idenfermedad option:selected").text());
        });
<div class="form-group col-md-6">
                <label asp-for="diagnostico" class="control-label"></label>                
                @Html.DropDownList("idenfermedad", listaEnfermedad, new { @class = "form form control" })
                <textarea asp-for="diagnostico" class="form-control col-md-12" rows="7" id="diagnos"></textarea>                
</div>

javascript

1 Answers

  1. Best Answer

    Try this:

    $(document).on('change', '#idenfermedad', function (event) {
  let valor_anterior = $('#diagnos').val()
  $('#diagnos').val(valor_anterior + ' ' + $("#idenfermedad option:selected").text());
});

    and in the empty space that I have separated, put whatever you want in its place, perhaps one \nso that you skip the line.

    • 0