输入值的事件处理程序和 select 选项一起

Question

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

查找所有输入值

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

获取 select 值

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

添加更多额外数据

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

绑定事件。 通过以下 function 我得到除 select 框数据之外的所有输入字段数据。 如何添加 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
};