Обработчик событий для входных значений и выбор опции вместе - PullRequest
0 голосов
/ 09 апреля 2020

У меня есть несколько входных значений с одним параметром выбора и проверкой и захватом всех данных на основе события keypress. Моя проблема - получить все поля ввода данных, выбрать поле и отправить, используя keypress событие

form fields

Чтобы найти все входные значения

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
  };

Событие Bind! С помощью следующей функции я получаю все данные поля ввода, кроме данных в поле выбора. как добавить событие 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 Ответ

0 голосов
/ 09 апреля 2020

Это потому, что нет события onchange, а вместо этого change:

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

Однако для простоты стандартизации проще просто прослушать событие input:

all_inputs.on('input', function() {
  // Rest of the code here
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...