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

【问题标题】：How to listen all changes in form with selects and inputs?如何通过选择和输入来监听表单的所有变化？
【发布时间】：2017-04-06 15:33:44
【问题描述】：

我有带有选择和输入的表单，我需要执行一些操作 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);
});

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

【问题讨论】：

标签： jquery html forms

【解决方案1】：

select input 寻找input 元素内部 select。你只需要添加一个逗号来分隔它们：

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

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

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

【讨论】：