cambiar - jquery select change

.change() obtiene: valor de texto seleccionado

Question

Estoy tratando de ejecutar el siguiente código

$("select#shipping_rates_drop").change(function(){
            var thisvalue = $(this + "option:selected").text();
            var ship = thisvalue.split("£");
            var subtotal = $("ul#deliveryList").attr("class");
            var ship = ship[1];
            var totalcost = parseFloat(subtotal)+parseFloat(ship);
            $(".wrap.form-section h1 span").html("&nbsp;&nbsp;&nbsp;&nbsp;<small>Total </small> £"+totalcost);
            $("input[name=itemamt]").val(subtotal);
            $("input[name=shippingamt]").val(ship);
            checklistCheck1();
        });

Quiero obtener el texto del valor seleccionado en el cambio. ex. UPS Worldwide Express: £ 89.57, luego el código divide el valor para obtener el costo real.

Pero la consola.log arroja lo siguiente

Error: Error de sintaxis, expresión no reconocida: opción [objeto HTMLSelectElement]: seleccionado

en jquery.min.js (línea 2)

Así que supongo que he hecho algo mal aquí y espero que alguien pueda ayudar

Answer 1

Cambio

var thisvalue = $(this + "option:selected").text();

a

var thisvalue = $("select#shipping_rates_drop option:selected").text();

Answer 2

la linea debe ser

var thisvalue = $(this).find("option:selected").text();

Answer 3

Valor del texto seleccionado:

$(''#shipping_rates_drop'').on(''change'',function(){
   var shipping_rates_drop = this.options[this.selectedIndex].text;
   alert(shipping_rates_drop);
});