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

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

下拉列表的ID是drp1

我尝试了以下但没有奏效：

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

Answer 1

使用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()

 $("#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() 的工作jsFiddle

Answer 2

你想要的是onchange事件，可以写成

  $("#ddrp1").change (function () { }); 

Answer 3

使用jQuery change事件处理程序。

 $("#ddrp1").change(function(){ //selection changed alert(this.value);//this will give the selected option's value alert($(this).find(':selected').text());//this will give the selected option's text }); 

绑定change事件处理程序的替代方法是。

 $("#ddrp1").bind('change', function(){ });