jQuery显示表单值更改警报

我有一个按钮和一块画布。按下按钮后，可以创建一个新框。以这种方式创建的每个框都包含一个具有两个输入字段的表单：一个选择下拉列表和一个整数输入字段

我想在任何时候检测选择下拉列表中的值的变化。假设用户按下了“newbox”按钮，因此用上述表单创建了三个框。每当他们在任何选择选项中进行任何更改时，都会弹出警报

由于创建的所有框都具有相同的

indi-box

类名，并且select标记具有

name

属性

selected\u string

，以及以下内容，因此我产生了以下jQuery片段：

// check for value change in any of the forms
$(document).ready(function(){
  $(".indi-box select[name='chosen_string']").on("input", function(){
    alert($(this).val()); 
  });
});

但是，不会弹出警告消息。我尝试通过（1）还包括

#canvas

，以及（2）仅包括

选择[name='selected\u string']

其他方法来更改选择器，但这些方法都没有帮助

---

我放置了完整的功能代码。

您需要的事件处理程序是

change

而不是

input

$(document).ready(function(){
  $(".indi-box select[name='chosen_string']").on("change", function(){
    alert($(this).val()); 
  });
});

---

说得对！尽管将

input

更改为

change

后，仍不会显示任何警报。