Перед отправкой скрыть раздел, затем возобновить

Question

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

<form id="myform" method="post" action="gstDemandesInscriptions.php?p=2" enctype="multipart/form-data">
    <div class="entete">
        <a class="button" href="gstDemandesInscriptions.php?p=2">Retour</a>
        <button name="mod_cancel">Annuler la demande</button>
        <button name="mod">Enregistrer</button>
        <button name="mod_fact">Facturer</button>
        <button name="mod_term" onclick="beforeSubmit().submit();">Terminer (Ne pas facturer)</button>
    </div>

    <div id="facturation">
        Hide this part before submit
    </div>
</form>

Я попробовал несколько вещей, чтобы это работало ... это это последнее, что я попробовал

onclick="beforeSubmit().submit();

javascript для этого

beforeSubmit = function(){
    $("#facturation").hide();
}

Сейчас происходит то, что div скрывает, но форма не возобновляет отправку ...

Я попытался добавить

$("#myform").submit();  

Внутри javascript, но затем форма была отправлена, но без значения кнопки mod_term

Я также попытался

$(this).submit();

Но это ничего не вызывает

Answer 1

beforeSubmit = function(){ 
  $("#facturation").hide();
  $('<input />').attr('type', 'hidden').attr('name', 'mod_term').attr('value', '1').appendTo('#myform');
  $('#myform').submit(); 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="myform" method="post" action="gstDemandesInscriptions.php?p=2" enctype="multipart/form-data">
    <div class="entete">
        <a class="button" href="gstDemandesInscriptions.php?p=2">Retour</a>
        <button type="button" name="mod_cancel">Annuler la demande</button>
        <button type="button" name="mod">Enregistrer</button>
        <button type="button" name="mod_fact">Facturer</button>
        <button type="button" name="mod_term" onclick="beforeSubmit().submit();">Terminer (Ne pas facturer)</button>
    </div>

    <div id="facturation">
        Hide this part before submit
    </div>
</form>