hasclass jquery events select option

hasclass - Detecta cuando se selecciona una<opción> específica con jQuery



jquery selector (6)

Tengo el siguiente menú desplegable:

<select name=''type'' id=''type''> <option id=''trade_buy'' value=''1'' selected=''selected''>Buy</option> <option id=''trade_buy_max'' value=''1''>Buy max</option> <option id=''trade_sell'' value=''2''>Sell</option> <option id=''trade_sell_max'' value=''2''>Sell max</option> </select>

Me gustaría que jQuery detecte cuándo se selecciona la opción con el id trade_buy_max .

Intenté lo siguiente, pero parece que no funciona.

$(document).ready(function() { $("option#trade_buy_max").select(function () { //do something }); });

¿Algunas ideas?

Gracias por adelantado.


Cambiar .selecciona para .cambiar y poner espacio antes #


Esto funciona ... Escuche el evento de cambio en el cuadro de selección para disparar y una vez que lo haga, simplemente tire del atributo id de la opción seleccionada.

$("#type").change(function(){ var id = $(this).find("option:selected").attr("id"); switch (id){ case "trade_buy_max": // do something here break; } });


Lo que debe hacer es agregar un controlador onchange a la select :

$(''#type'').change(function(){ if($(this).val() == 2){ /* Do Something */ } });


Utilice el evento change y obtenga el atributo id de la opción seleccionada:

$(''#type'').change(function () { var selectedId = $(''option:selected'', this).attr(''id''); if (selectedId == "trade_buy_max") { // do something } });


puede vincular evento de change en su selección en su lugar, luego verificar si la opción seleccionada

$("select#type").change(function () { if( $("option#trade_buy_max:selected").length ) { // do something here } });


$("option#trade_buy_max").change(function () { opt = $(this).children("option:selected").attr(''id''); if(opt == ''#trade_sell_max''){ // do stuff } });

No probado, pero eso debería funcionar.