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

Posted 2023-05-09

【中文标题】输入值和选择选项的事件处理程序

【英文标题】：Event Handler for Input values and select option together

【发布时间】：2020-07-22 09:46:50

【问题描述】：

我有多个输入值和一个选择框选项，并根据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
                
        );

【参考方案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
;

【讨论】：

我对更改事件感到不满！您对输入代码是正确的。我更新了有关选择选项的一些详细信息。选择选项验证怎么样？