Evento JQuery da attivare quando viene selezionato un menu a discesa - ma il valore non viene modificato

Question

Ho un menu a discesa che voglio collegare un evento JQuery a quello che si attiva se qualcuno fa clic su di esso ma poi seleziona la stessa opzione che è già selezionato.

Ho tutto in esecuzione utilizzando l'evento 'change' ma ci sono casi in cui è valido per l'utente fare clic sul menu a discesa e riselezionare la stessa opzione. Se ciò si verifica, ho bisogno che il gestore di eventi venga attivato.

Come posso fare questo?

Answer 1

Provare qualcosa di simile di seguito,

utilizzando .click

$(function() { 
    var cc = 0; 
    $('select').click(function() {   
     cc++; 
     if (cc == 2) { 
      $(this).change(); 
      cc = 0; 
     }   
    }).change (function() { 
     $('#result').append('Changed triggered '); 
     cc = -1; 
    });  
}); 

DEMO:http://jsfiddle.net/skram/NAHXP/2/

o utilizzando .focus e .blur

$(function() { 
    var ddVal = ''; 
    $('select').focus(function() { 
     ddVal = $(this).val(); 
    }).blur(function() { 
     if (ddVal == $(this).val()) { 
      $(this).change(); 
     } 
    }).change (function() { 
     $('#result').append('Changed triggered '); 
    });  
}); 

DEMO:http://jsfiddle.net/skram/NAHXP/

Answer 2

Usa messa a fuoco e sfocatura eventi ...

var selectValue; 
$('select').focus(function(){ 
    selectValue = $(this).val(); 
}).blur(function(){ 
    if (selectValue == $(this).val()) { 
    //nothing change event 
    } 
}) 

Answer 3

uso Aggiungi classe per risolvere questo problema

$("#test").change(function(event){ 
if($(this).find('option:selected').hasClass('actived')) 
    alert('already selected');//write you code here 
else 
    $(this).find('option:selected').addClass('actived'); 

}); 

e fare riferimento questo link http://jsfiddle.net/muthukumar0705/nARVu/1/

Answer 4

Ecco click soluzione

var oldValue = null; 
$('select').click(function(){ 
    s = $(this); 
    val = s.val(); 
    if (oldValue == null) { 
     oldValue = val; 
    } else { 
     oldValue == s.val() ? alert('nothing changed') : alert('new value'); 
     $(document).unbind('click.valueCheck'); 
     oldValue = null;  
    } 
}) 

DEMO

Qui è la soluzione più avanzata con documento cliccare esteso

DEMO2