如何监听表单中选择框和输入框的所有更改？

Question

我有一个带有下拉菜单和输入框的表单，我需要在 onchange 和 onkeyup 时执行一些操作。 目前的代码如下：

var $mainSearchForm = $('.form');
$mainSearchForm.on('change keyup', 'select input', function () {
  var infoForm = $mainSearchForm.serialize();
  var route = $('.form--url select').val();
  $('.btn').attr('href', route + '?' + infoForm);
});

我该怎么做呢？ 这个例子不起作用！

- Jarvis

Answer 1

select input查找select内部的input元素。您只需要在它们之间加上逗号即可：

$mainSearchForm.on('change keyup', 'select, input', fn);

或者您可以使用:input选择器来匹配所有可用的表单元素：

$mainSearchForm.on('change keyup', ':input', fn)

- Rory McCrossan