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.