输入值和选择选项的事件处理程序

Question

我有多个输入值和一个选择框选项，并根据keypress 事件验证和捕获所有数据。我的问题是获取所有数据输入字段并选择框并使用keypress 事件发送

查找所有输入值

var all_details = $('.myform'); 
var all_inputs = all_details.find('input');
var all_details_complete;

获取选择值

var Country = $('#country').children("option:selected").val();

添加更多额外数据

  var some_data = {
       Country: Country,   //select box title displaying on image
       ReceiveOffers: 0
  };

绑定事件！使用以下功能，我将获取除选择框数据之外的所有输入字段数据。如何添加 select change 事件并尝试关注？

  all_inputs.on('keypress onchange', function() {                
            all_details_complete = false;
                _.each(all_inputs,  function (input) {
                    var $input = $(input);
                    all_inputs[$input.attr('name')] = $input.val();
                    if ($input.val() === '') all_details_complete = false;
                });
                if (all_details_complete) {
                     // post data successfully
               } 
        });

Answer 1

那是因为没有onchange 事件，而是change 事件：

all_inputs.on('keypress change', function() {
  // Rest of the code here
};

但是，为了便于标准化，简单地收听input 事件会更容易：

all_inputs.on('input', function() {
  // Rest of the code here
};