Tengo un formulario con dos select diferentes y necesito unir el contenido de las option en un input text, el usuario escoge en el select1 y al momento de dar click en añadir se deberia añadir en el input text, luego escoge el select2 y de igual forma se tendria que añadir, el input quedaria tipo asi: option1+option2, tendria que devolver el contenido de la option, no el value. Hasta el momento solo he logrado que se agregen las opciones en el input pero no las une, no se si me explico
<form action="nuevoproducto.php" method="POST" enctype="multipart/form-data">
<div class="form-row">
<div class="form-group col-md-6 formulario">
<label for="descripcion">Descripcion</label><br>
<label for="">Seleccione un Sabor:</label>
<select id="sabores" class="form-control"></select>
<button class="btn btn-success" type="button" id="btnsabores">+</button>
<br><label for="">Seleccione un Tooping:</label>
<select id="topping" class="form-control"></select>
<button class="btn btn-success" type="button" id="btntopping">+</button>
<br><br><input type="text" id="catalogos" class="form-control"
name="descripcion" readonly= "readonly">
</div>
</div>
</form>
<script type="text/javascript">
$(function(){
$('#btnsabores').click(function(){
document.getElementById('catalogos').value=($('select[id="sabores"] option:selected').text());
});
});
$(function(){
$('#btntopping').click(function(){
document.getElementById('catalogos').value=($('select[id="topping"] option:selected').text());
});
});
</script>
Las option de los select los estoy trayendo de otro archivo que se conecta a la bd