alexalexes

<form .... onsubmit="my_submit(e)">
...
<label>Имя</label>
<input id="field_name_showed" type="text"  value=""> <!-- Поле, которое видит пользователь -->
<input id="field_name_hidden" type="hidden"  value=""> <!-- Скрытое поле для отправки -->

function my_submit(e)
{
  e.preventDefault(); // останавливаете выполнение сабмита
  document.getElementById("field_name_hidden").value = document.getElementById("field_name_showed").value + " (добавленный текст)"; // добавляете в скрытое поле формы имя и что хотели еще.
 e.target.submit(); // перезапускаете сабмит формы
}

[
  {
    header_title: "Название некоторого длительного процесса",
    date_begin: , // начало процесса, вычисляется предварительной пробежкой по всем заявкам, поиск минимума
   date_end: , //  конец процесса, вычисляется предварительной пробежкой по всем заявкам, поиск максимума
appls: [
             {title: "ЗАЯВКА", date_begin, date_end},
             {title: "ЗАЯВКА", date_begin, date_end},
    ]
  }
]

var iframe = document.getElementById('fileUploadIframe');
 iframe.width = iframe.contentWindow.document.body.scrollWidh + "px";
 iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";

table.white_border,
table.white_border th,
table.white_border td
{
    border-color: ваш цвет;
}

var article = e.target.parentNode.parentNode;
var src = article.getElementsByTagName('img')[0].getAttribute('src');
var title = article.getElementsByTagName('h2')[0].innerHTML;

<input type="button" onclick="calc_table_add_row()" value="Добавить"/>
<div id="calc_table" class="table"></div>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
      // функция для добавления вычисляемой строки
      function calc_table_add_row()
      {
        //Элементы input подписаны на события onkeypress и onblur, что позволяет делать пересчет как при непосредственном изменении значения, так и во время потери фокуса
        $('#calc_table').append(
        '<div class="tr">\
           <div class="td">' + ($('#calc_table>div.tr').length + 1 /* это нумератор строки, добавляется номер от существующего кол-ва строк */) + '</div>\
           <div class="td">\
             <input type="text" onkeypress="calc_table_recalc_row(event)" onblur="calc_table_recalc_row(event)"/></div>\
           <div class="td"><input type="text" onkeypress="calc_table_recalc_row(event)" onblur="calc_table_recalc_row(event)"/></div>\
           <div class="td"><input type="text" onkeypress="calc_table_recalc_row(event)" onblur="calc_table_recalc_row(event)"/></div>\
           <div class="td"></div>\
           <div class="td"></div>\
         </div>'
        ); 
      }
      // функция-обработчик пересчета значений в строке
      function calc_table_recalc_row(e)
      {
        var cur_input = e.target; // на этом элементе произошло событие (input)
        var cur_td = cur_input.parentNode; // получаем родительский элемент (div.td, в котором нажодится затронутый input)
        var cur_tr = cur_td.parentNode; // получаем родительский элемент (div.tr, в котором нажодится div.td с затронутым input)
        var td_divs = $(cur_tr).find('div.td'); // находим все элементы div.td на данной строке
        try // если возникнет какая-то ошибка, то тихо прекратим вычисления
        {
          var input1 = parseFloat($(td_divs[1]).find('input')[0].value); // получаем значение ячейки 2
          var input2 = parseFloat($(td_divs[2]).find('input')[0].value); // получаем значение ячейки 3
          var input3 = parseFloat($(td_divs[3]).find('input')[0].value); // получаем значение ячейки 4
          if(!isNaN(input1) && !isNaN(input2) && !isNaN(input3)) // все ли значения получились числами вещественными ?
          {
            var result4 = input3 / input2; // считаем результат для ячейки 5
            $(td_divs[4]).html( (result4).toFixed(2) ); // записываем результат в ячейку 5 с округлением до 2 знаков
            $(td_divs[5]).html( (result4 * (input1.toFixed(2) == 10.00 ? 0.1 : 5)).toFixed(2) ); // считаем и записываем результат в ячейку 6 с округлением до 2 знаков
          }
        }
        catch(ex)
        {
        }
      }
</script>