如何使用选择和输入来聆听窗体中的所有更改？

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寻找input元件里面的select。你只需要添加一个逗号将它们分开：

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

另外，您可以使用:input选择匹配所有可用的表单元素：

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