Como manejar un select usando jquery para obtener el valor seleccionado cuando se hace la selección.
Para obtener la selección lo hacemos de la siguiente manera:
<script>
$('.select-practicas').change(function () {
let seleccion = $(this).find(":selected").text();
console.log(seleccion);
});
</script>En este caso select-practicas es la clase del select del que estamos obteniendo la seleccion.
A continuación se muestra un ejemplo completo que simplemente introduce en un parrafo la opción seleccionada:
<html>
<body>
<select class="select-practicas">
<option value="hola">hola</option>
<option value="adios">adios</option>
</select>
<p class="seleccionado"></p>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$('.select-practicas').change(function () {
let seleccion = $(this).find(":selected").text();
$('.seleccionado').text(seleccion);
});
</script>
</body>
</html>Jquery | select | desplegable