Kliknij opcję event

Question

Jak obsługiwać zdarzenia dla elementów opcjonalnych?

<select> 
     <option value='option1'>Gateway 1</option> 
     <option value='option2'>Gateway 2</option> 
     <option value='option3'>Gateway 3</option> 
</select> 

Po kliknięciu elementu opcji chcę wyświetlić mały opis elementu. Wszelkie pomysły, jak to zrobić?

Answer 1

Będziesz chciał użyć jQuery's change event. Wyświetlam tekst opcji jako alert, ale możesz wyświetlać, co chcesz, w zależności od Twoich potrzeb. (Można też, oczywiście, umieścić go wewnątrz innej części strony ... nie trzeba być czujnym.)

$('#myOptions').change(function() { 
    var val = $("#myOptions option:selected").text(); 
    alert(val); 
}); 

Należy również pamiętać, że I dodaje identyfikator tagu select tak że łatwiej można sobie z nim poradzić (nazwałem to myOptions).

Przykład: http://jsfiddle.net/S9WQv/

Answer 2

określony przez JasCav jQuery można osiągnąć to samo w JavaScript używając

<select onchange="alert(this.options[this.selectedIndex].text);"> 
     <option value='option1'>Gateway 1</option> 
     <option value='option2'>Gateway 2</option> 
     <option value='option3'>Gateway 3</option> 
</select> 

Alternatywnie onclick zdarzeń opcji, ale należy pamiętać, że nie jest kompatybilna ze wszystkimi przeglądarkami.

<select> 
     <option value='option1' onclick="alert(this.value);" >Gateway 1</option> 
     <option value='option2'>Gateway 2</option> 
     <option value='option3'>Gateway 3</option> 
</select>