Skip to main content
adicionou 54 caracteres ao conteúdo
Fonte Link
 function mensalidades()
{
  var valortotal = parseFloat(document.getElementById("total").value);
  var valorparcela = valortotal/select_parcelasdocument.getElementById("select_parcelas").value;
  var datavencimento = new Date();
  datavencimento.setDate(datavencimento.getDate() + (30*select.value.length);

  for(var a=0; a<select_parcelasa<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>
 function mensalidades()
{
  var valortotal = parseFloat(document.getElementById("total").value);
  var valorparcela = valortotal/select_parcelas.value;
  var datavencimento = new Date();
  datavencimento.setDate(datavencimento.getDate() + (30*select.value.length);

  for(var a=0; a<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>
 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>
adicionou 2258 caracteres ao conteúdo
Fonte Link
 function mensalidades()
{
  var valortotal = parseFloat(document.getElementById("total").value);
  var valorparcela = valortotal/select_parcelas.value;
  var datavencimento = new Date();
  datavencimento.setDate(datavencimento.getDate() + (30*select.value.length);

  for(var a=0; a<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>
 function mensalidades()
{
  var valortotal = parseFloat(document.getElementById("total").value);
  var valorparcela = valortotal/select_parcelas.value;
  var datavencimento = new Date();
  datavencimento.setDate(datavencimento.getDate() + (30*select.value.length);

  for(var a=0; a<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>
Fonte Link

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 +="mensalidade:"+(a+1)+""+valor+""+data_vencimento+"" }

    document.getElementById("mensalidades").innerHTML=""; document.getElementById("mensalidades").innerHTML=""+t+"";

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