Estoy aprendiendo a medida que avanzo aquí, pido disculpas por algo que debería parecer simple, pero no puedo resolverlo. Tengo un <select> con varias opciones y estoy tratando de crear un resumen del pedido antes de finalizar la compra. Todo funciona, excepto que se devuelve el valor para la opción seleccionada. ¿HAY una solución fácil que permita que el valor permanezca en su lugar y solo se devuelva el texto de la opción en el resumen del pedido?
$(document).ready(function() { $("select#option2").change(function() { var selectedOption2 = $(this).children("option:selected").val(); $('.mk-step-2 span').text(selectedOption2); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="option2"> <option value="" disabled selected hidden> Your Choice... </option> <option value="option-1">option one</option> <option value="option-2">option two</option> </select>