Question

通过使用jQuery，我如何在以下select元素上附加一个事件，以便在索引更改时它会警告“我已经改变了！”？

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

Answer 1

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

创建元素后执行这段代码。如果您要添加加载，请将其换成$(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!" );
})

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

4 个答案: