jquery - 如何通过选择和输入来监听表单的所有变化？

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);
});

我该怎么做？该示例不起作用!

Answer 1

select input 在 select 中查找 input 元素。你只需要添加一个逗号来分隔它们:

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

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

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