Как можно объединить три аналогичных скрипта в Jquery в один?

Question

[Dimtri]

Я продублировал скрипт трижды, чтобы каждый раз в форму попадал заголовок секции, в которой она находится.
Можно ли изменить скрипт таким образом, чтобы не пришлось его клонировать каждый раз?
Пробовал добавлять заголовок секции в форму по клику на кнопку отправки, но он просто не успевает в неё попасть в этом случае.

var titleService1 = $('#form-1').find('.form-title').text();
  $('#form-1 input.title_service').val(titleService1).toString().replace(/\s{2,}/g, ' ');

  var titleService2 = $('#form-2').find('.form-title').text();
  $('#form-2 input.title_service').val(titleService2).toString().replace(/\s{2,}/g, ' ');

  var titleService3 = $('#form-3').find('.form-title').text();
  $('#form-3 input.title_service').val(titleService2).toString().replace(/\s{2,}/g, ' ');

Answer 1

[Павел]

Конечно, эта часть ничего не делает
.toString().replace(/\s{2,}/g, ' ');
Если вам нужно как-то форматировать titleService,
то нужно это делать с ним, и там и так строка
titleService.replace(/\s{2,}/g, ' ');
А вставить можно циклом по всем формам

$('form').each(function() {
    var titleService = $(this).find('.form-title').text().replace(/\s{2,}/g, ' ');
    $(this).find('input.title_service').val(titleService);
  });

Comments

[Dimtri]

Спасибо!
В принципе да, помогло. Но если дотошно тестировать, то этот цикл срабатывает только при одной отправке каждой формы. А если отправить любую форму повторно, не перезагрузив при этом страницу, то заголовок второй раз уже не попадает в скрытое поле.
С практической точки зрения это вроде бы и не нужно, но интересно, можно ли как-то исправить?

[Dmitry Bay]

Dimtri, Только зачем вам там такое решение,
разве просто скрытый input в форму не подойдет?

[Dimtri]

Dmitry Bay, Там и есть скрытый инпут. Но форма одна, а заголовков, под которыми она выводится, несколько. Поэтому, чтобы не плодить форм, лучше сделать, чтобы различные заголовки попадали в этот скрытый инпут.

[Павел]

Dimtri, Значит форма у вас не так отправляется. С кодом, и стандартной логикой работы форм, такого быть не должно...

[Dimtri]

Павел, Да, дело в форме. Это вордпресс, плагин Contact Form 7. Он очищает все поля после отправки, и это скрытое в том числе. Ладно, пусть так и будет тогда.

[Павел]

Dimtri, Можно повесить этот же цикл на событие отправки формы
https://contactform7.com/dom-events/

[Dimtri]

Павел, спасибо, получилось.
Правда, ещё пришлось добавить setTimeout. Без него, всё же, не успевало сработать.
Итого, окончательный вариант:

function getTitle() {
    $('.section-form').each(function() {
      var titleService = $(this).find('.form-title').text().replace(/\s{2,}/g, ' ');
      $(this).find('.title_service').val(titleService);
    });
  }
  getTitle();

  document.addEventListener( 'wpcf7submit', function( event ) {
    setTimeout(function () {
      getTitle();
    }, 200);
  }, false );