Vincular evento de clic en la opción de selección

Question

Tengo un problema al realizar un evento click en un elemento HTML option elemento de trabajo.

Incluso un simple console.log('hello!'); no funcionará.

que estoy tratando con esto:

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

Se trabajó durante un tiempo, pero luego se detuvo.

Answer 1

En mi caso siguiente código funciona

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

Answer 2

Marque esta js violín -

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!'); 
}); 

Cambio de 012.a Change

Answer 3

Puede enlazar usando .on() dando <select> id. En general, change es el evento llamado al <select>.

Por lo tanto, no es necesario mencionar option durante el evento de vinculación.

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

O

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

Answer 4

Yo te sugeriría a utilizar .on() en lugar de .bind().

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

    alert($value); 

}); 

jsFiddle

Answer 5

porque el cambio no lo suficientemente bueno para mí y no he encontrado una manera de activar la opción de hacer clic lo que hice es

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

Answer 6

Esto resuelve el caso - para mis necesidades (atrapar el evento cuando parte del elemento seleccionado o en mi página se hace clic).no han validado la conducta táctil, pero aunque Firefox, Chrome parece estar bien w/este

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

Answer 7

ejemplo muestra indicará cómo cambiar los valores desplegables y el color para la opción de clic o el cambio de 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