détecter lorsqu'un <option> spécifique est sélectionné avec jQuery

Question

Je le menu déroulant suivant:

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

Je voudrais jQuery pour détecter lorsque l'option avec l'identifiant trade_buy_max est sélectionné.

J'ai essayé ce qui suit, mais cela ne semble pas fonctionner.

$(document).ready(function() { 

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

     //do something 

    }); 
}); 

Des idées?

Merci d'avance.

Answer 1

Cela fonctionne ... Écoutez l'événement de changement sur la boîte de sélection pour tirer et une fois qu'il le fait, tirez simplement l'attribut id de l'option sélectionnée.

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

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

Answer 2

changement .select à .Modification et de l'espace mis avant #

Answer 3

vous pouvez lier change événement sur sa sélection à la place, puis vérifiez si l'option sélectionnée

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

Answer 4

Ce que vous devez faire est d'ajouter un onchange gestionnaire à la 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 testé, mais cela devrait fonctionner.

Answer 6

Utilisez l'événement change et obtenir l'attribut id de l'option sélectionnée:

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

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