encontré este código en internet
http://jsfiddle.net/bvotcode/owhq5jat/
Cuando selecciono un elemento nuevo, el elemento anterior se reemplaza por un elemento nuevo.
¿Cómo puedo agregar más elementos, no reemplazar cuando hago clic en "lista desplegable"?
Gracias
<select id="select1"> <option></option> <option>AAA</option> <option>BBB</option> <option>CCC</option> <option>DDD</option> <option>EEE</option> </select> <textarea style="height:150px;width:150px" id="t1"></textarea> <textarea style="height:150px;width:150px" id="t2"></textarea> <script> $("#select1").change(function () { $("#t1").val($(this).find(':selected').text()); }); $("#select1").change(function () { $("#t2").val($(this).val()); }); </script>El siguiente código agregará el valor seleccionado en el área de texto usando coma (,) sperator.
$("#select1").change(function () { if($("#t1").val() != ""){ $("#t1").val($("#t1").val() + ", " + $(this).find(':selected').text()); $("#t2").val($("#t2").val() + ", " + $(this).val()); } else { $("#t1").val($(this).find(':selected').text()); $("#t2").val($(this).val()); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="select1"> <option></option> <option>AAA</option> <option>BBB</option> <option>CCC</option> <option>DDD</option> <option>EEE</option> </select> <textarea style="height:150px;width:150px" id="t1"></textarea> <textarea style="height:150px;width:150px" id="t2"></textarea>