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);
});