Jquery event when user makes selection in dropdown

jquery

Solution

Use the `change()` event:

$("#ddrp1").change(function() {
    // Pure JS
    var selectedVal = this.value;
    var selectedText = this.options[this.selectedIndex].text;

    // jQuery
    var selectedVal = $(this).find(':selected').val();
    var selectedText = $(this).find(':selected').text();
});

In jQuery 1.7, you can use `.on()`

$("#ddrp1").on("change", function() {
    // Pure JS
    var selectedVal = this.value;
    var selectedText = this.options[this.selectedIndex].text;

    // jQuery
    var selectedVal = $(this).find(':selected').val();
    var selectedText = $(this).find(':selected').text();
}​​​​);​

Here's a working jsFiddle using `on()`

Problem

I have a drop down list. In Jquery what is the event I would use when the user makes a selection. The id of the dropdown is drp1 I tried the following but did not work: ``` $("#ddrp1").SelectChanged(SelectionItem); ```

Original source