rilevare quando un determinato <option> è selezionato con jQuery

Question

Ho il seguente menu a discesa:

<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> 

mi piacerebbe jQuery per rilevare quando viene selezionata l'opzione con l'id trade_buy_max.

Ho provato quanto segue, ma non sembra funzionare.

$(document).ready(function() { 

    $("option#trade_buy_max").select(function() { 

     //do something 

    }); 
}); 

Qualche idea?

Grazie in anticipo.

Answer 1

Questo funziona ... Ascolta l'evento di modifica nella casella di selezione da attivare e, una volta eseguito, trascina l'attributo id dell'opzione selezionata.

$("#type").change(function(){ 
    var id = $(this).find("option:selected").attr("id"); 

    switch (id){ 
    case "trade_buy_max": 
     // do something here 
     break; 
    } 
}); 

Answer 2

Change .select a .Per passare e lo spazio messo davanti #

Answer 3

è possibile associare change evento sul suo select invece, quindi verificare se l'opzione selezionata

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

Answer 4

Quello che dovete fare è aggiungere un onchange gestore per il select:

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

Answer 5

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

Non testato, ma dovrebbe funzionare.

Answer 6

utilizzare l'evento change e ottenere l'attributo id dell'opzione selezionata:

$('#type').change(function() { 
    var selectedId = $('option:selected', this).attr('id'); 

    if (selectedId == "trade_buy_max") { 
    // do something 
    } 
});