フォームのすべての変更を選択と入力で聴くには？

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)