Se entendi o que esta querendo fazer, deve fazer um seguinte:

1) No formulário, crie uma div com o id="mensalidades" um campo select com o numero possíveis de mensalidades. No select adicione um evento onchange apontado para uma função que faça os cálculos das mensalidades.

2) Crie um função para calcular as mensalidades. Dentro dessa função crie um loop do tamanho das mensalidades para criar as linhas de uma tabela

    for(var a=0; a<select.value.length; a++){
      
      var t +="<td><tr>mensalidade:"+(a+1)+"</tr><tr>"+valor+"</tr><tr>"+data_vencimento+"</tr></td>"
    }
    
    document.getElementById("mensalidades").innerHTML="";
    document.getElementById("mensalidades").innerHTML="<table>"+t+"</table>";

Assim não precisa de fazer o refresh da página.

     function mensalidades()
    {
      var valortotal = parseFloat(document.getElementById("total").value);
      var valorparcela = valortotal/document.getElementById("select_parcelas").value;
      var datavencimento = new Date();
      datavencimento.setDate(datavencimento.getDate() + (30*select.value.length);
    
      for(var a=0; a<document.getElementById("select_parcelas").value; a++)
     {
      var t +="<td><tr>mensalidade:"+(a+1)+"</tr><tr>"+valorparcela+"</tr><tr>"+datavencimento+"</tr></td>"
     }
    document.getElementById("mensalidades").innerHTML="";
    document.getElementById("mensalidades").innerHTML="<table>"+t+"</table>";
    
    }

    <form id="form1" name"form1" method"post" action"" enctype="multipart/form-data">
        <div class="produtos">
          <p class="campoProduto">
          <label>Cód Produto: 
             <input type="text" name="codProduto" id="codProduto" size="5"/>
          </label>
          <label>Produto: 
             <input name="nomeProduto" type="text" size="10" value="" />
          </label> 
          <label>Qt.:  
             <input type="number" min="1" max="999" size="1" name="qtProduto" id="qtProduto" onblur="calcValor()" />
          </label>
          <label>Valor R$: 
            <input type="text" name="valorProduto" id="valorProduto" size="6" onkeypress="mascara(this,float)"/>
          </label>
          <a href="#" class="removerProduto">Remover Produto</a> 
          </p>      
       </div>
      
    
             <p>
              <a href="#" class="adicionarProduto">Adicionar Produto</a>
            </p>
            <br>
          <label>Data da Compra 
              <input name="datacompra" type="text" id="datacompra" size="6" maxlength="10" value="<?php echo date('d/m/Y')?>" onKeyUp="javascript:somente_numero(this);" onkeypress="formatar_mascara(this,'##/##/####')"/>
         </label>
    
    <DIV>
     <select onchange="mensalidades()" id="select_parcelas" >
              <option>1</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
              <option>6</option>
           </select>
    <DIV id="mensalidades"></DIV>
    </DIV>
    </form>