如何使用選擇和輸入來聆聽窗體中的所有更改？

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)