如何在<select>元素上更改selectedIndex上綁定事件？

Question

通過使用jQuery，我如何在下面的select元素上附加一個事件，以便在索引上更改它提醒「我已更改！」？

<select id="selCars"> 
    <option>Volvo</option> 
    <option>Saab</option> 
    <option>Mercedes</option> 
    <option>Audi</option> 
</select> 

Answer 1

$(function(){ 
    $("#selCars").change(function() { 
     alert("I have changed!"); 
    }); 
}); 

Answer 2

$("#selCars").change(function() { 
    alert("I have changed!"); 
}); 

Answer 3

使用onchange事件。當<select>元素的selectionIndex發生更改時，會觸發change事件。

元素創建後執行這段代碼。如果您要添加的負載，它包裝在一個$(document).ready(function(){ ... })，通過

$("#selCars").change(function(){ 
    // Do something... 
    //this refers to the `<select>` element 
    var newoption = $(this) 
    var selectedOption = $("option:selected", this); 

    //Example: 
    alert("I have changed!"); 
}) 

Answer 4

$('#selCars').change(function(){ 
    alert("I have changed!"); 
})