tengo este código dentro de un modal de boostrap que genera un dropdown con 2 items, lo que no consigo hacer es que al seleccionar uno de ellos se quede marcado en el dropdown.
Tengo este código
<div class="form-group row">
<div class="col-sm-12">
<div>
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Desde plantilla
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<button class="dropdown-item" type="button">Coches</button>
<button class="dropdown-item" type="button">Motos</button>
</div>
</div>
</div>
</div>
Me genera esto por pantalla
He intentado capturar el evento de esta forma, sin éxito
$("#dropdownMenu2").on('click', 'li a', function(){
alert('entro opción 1');
});
$(document).on('click', '#dropdownMenu2','li a', function(event) {
alert('entro opción 2');
});
Gracias