javascript - 选择标签的形式，如果其中任何一个发生变化，我想触发一个事件

Question

我有一个包含 18 个不同问题的表格，每个问题都有一个带有一些选项的选择字段。

我的目标是，任何时候用户打开select字段并选择一个option，我都想做一个 AJAX 调用。

我的表单的 id 是#new-survey，有没有办法在子元素（select菜单）或类似的东西上放置一个观察者来观察所有这些字段？

注意：也使用 jQuery

Answer 1

使用jqueryeach方法：

$('#new-survey select').each(function() {
    $(this).change(function() {
       ...
    });
});

Answer 2

在纯 JavaScript 中：

var form = document.getElementById("new-survey");
var selects = form.getElementsByTagName("SELECT");

for (var i=0; i< selects.length; i++) {
     selects[i].setAttribute("onchange", domyajax);
}

function domyajax(e) {
 /// ajax content in here
}

在jQuery中：

$("#new-survey").find("select").change(function(){
     // do something with $(this);
});

Answer 3

试试这个：

$("#new-survey").find("select").change(function () {
    alert("something changed");
});

它将找到所有的select's#new-survey并将更改事件绑定到它们。

小提琴