如何将事件绑定到更改的selectedIndex上 <select>元件？

Question

通过使用jQuery，我如何在以下选择元素上附加事件，以便在索引更改时发出“我已更改！”的警报？

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

Answer 1

使用onchange事件。 当<select>元素的selectionIndex更改时，将触发change事件。

创建元素后执行这段代码。 如果要添加负载，则将其包装在$(document).ready(function(){ ... }) ，缩写为$(document).ready(function(){ ... }) $(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 2

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

Answer 3

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

Answer 4

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