用户在下拉列表中进行选择时的jQuery事件

问题描述

我有一个下拉列表.在Jquery中，当用户做出选择时我将使用什么事件.

I have a drop down list.In Jquery what is the event I would use when the user makes a selection.

下拉列表的ID为drp1

The id of the dropdown is drp1

我尝试了以下操作，但是没有用:

I tried the following but did not work:

$("#ddrp1").SelectChanged(SelectionItem);

推荐答案

使用 change() 事件:

$("#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();
});

在jQuery 1.7中，您可以使用 .on()

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();
}​​​​);​

这是使用on()

这篇关于用户在下拉列表中进行选择时的jQuery事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！