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

jquery selector

Question

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.

Answer 1

Cambiar .selecciona para .cambiar y poner espacio antes #

Answer 2

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

Answer 3

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

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

Answer 4

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

Answer 5

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

Answer 6

$("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.