javascript - 如何将事件附加到一组选择框？

Question

我有一个选择框数组，其中包含一个“taskcompleted”类。我希望能够在更改盒子时执行某些操作。

 <select class = "taskcompleted" >
   <option value="No">No</option>
   <option value="Yes">Yes</option>
 </select>

我使用了这段 JavaScript 代码

  function initselects() {
    var myselects = $('.taskcompleted');
    myselects.each( function(){ // any select that changes.
      console.log( $(this).val() );
    }).change();
  }

页面加载时，它会记录每个选择框的更改。我不希望这种情况发生。我只想在页面加载后记录更改。

Answer 1

您可以使用 change() 将事件附加到每个 select，如下所示:

function initselects() {
    $('.taskcompleted').change(function() {
        console.log($(this).val());
    });
}