Zdarzenie związane z kliknięciem w opcji wyboru

Question

Mam problem z wykonaniem zdarzenia click na elemencie HTML option.

Nawet prosty console.log('hello!'); nie będzie działał.

próbuję z tym:

$('#mySelect option').bind('click', function(){ 
    console.log('hi!'); 
}); 

To działało przez jakiś czas, ale potem przestał.

Answer 1

W moim przypadku poniższego kodu działa

$('#myItem').change(function(){ 
      //do somthing 
}) 

Answer 2

Sprawdź to js skrzypce -

http://jsfiddle.net/4W826/

HTML

<select id="mySelect"> 
       <option value="volvo">Volvo</option> 
       <option value="saab">Saab</option> 
       <option value="mercedes">Mercedes</option> 
       <option value="audi">Audi</option> 
     </select> 

jQuery

$('#mySelect').bind('click', function(){ 
alert('hi!'); 
}); 

Zmiana z Click do Change

Answer 3

Możesz powiązać za pomocą .on(), podając identyfikator <select>. Ogólnie rzecz biorąc, change jest zdarzeniem wywoływanym pod numerem <select>.

Nie trzeba więc wspominać o option podczas imprezy wiążącej.

$(document).on('change','#mySelect', function(){<br> 
    console.log('hi!'); 
}); 

LUB

$('#mySelect').bind('change',function(){<br> 
    console.log('hi!'); 
}); 

Answer 4

Proponuję do korzystania .on() zamiast .bind().

$('#mySelect').on('change', function(){ 
    var $this = $(this), 
     $value = $this.val(); 

    alert($value); 

}); 

jsFiddle

Answer 5

ponieważ zmiana nie jest wystarczająco dobre dla mnie, a ja nie znaleźć sposób, aby wywołać opcję kliknij co zrobiłem jest

$('#mySelect').click(function() { 
     if ($(this).attr('optionclick') == '1') { 
      $(this).attr('optionclick', '0'); 
     } 
     else { 
      $(this).attr('optionclick', '1'); 
     } 
    }); 

Answer 6

To rozwiązuje sprawę - dla moich potrzeb (aby złapać zdarzenie, gdy niektóre z wybranych elementów o n kliknięto moją stronę).Nie zatwierdzone zachowanie dotykowego, ale jednak Firefox, Chrome wydaje się być OK w/tym

$('.class_for_select').focus(function() { 
    // do something here 
}); 

Answer 7

Sample przykład pokaże, jak zmienić wartości rozwijanych i kolor dla opcji na kliknięcie lub zmianę select

HTML:

<select name="options"> 
     <option value="1">Red</option> 
     <option value="2" selected="1">Green</option> 
     <option value="3">Blue</option> 
</select> 

jQuery:

$("select").on("click", function() { 
    debugger; 
    var sVal = $(this).val(); 
    $(this).css("background-color", "red"); 
    $(this).find("option").css("background", "white"); 
    $(this).find('option:selected').css("background-color", "red"); 
    $("input").val($(this).val()); 
}); 

Demo