Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde!
Estou em um projeto em PHP, e dentro dele criei um script em Javascript que a cada clique, gera novos campos para um formulário.
Agora, pergunto eu:
Como faço para que a cada clique, novos ID's sejam gerados e como inseri-los no Banco de Dados?
Segue código:
<?php include "conecta_mysql.inc.php";?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<link href='style.css' rel='stylesheet' type='text/css' media='screen' />
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script src="jquery-1.4.3.js" type="text/javascript"></script>
<title>.: Extranet Village - Página do Revendedor :.</title>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
</head>
<body style="" bgcolor='#FFFFFF'>
<div id="main"><div id='logo'>
<?php
echo "<font color='#993366' size='4' face='arial'>";
//inicio data
$semana = date("w");
$dia = date("j");
$mês = date("n");
$ano = date("Y");
$meses = array(1 => "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho",
"Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
$semanas = array("Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado");
echo "$semanas[$semana], $dia de $meses[$mês] de $ano";
//fim data
include "valida.php";
?>
</font>
</div></div>
<p></p><p></p>
<form action='lista_dados.php' method='POST'>
<p align='center'><img src='images/Village_LOGO_Chapado.jpeg' alt='Village' width='300' height='83' /></p>
<p align='center'> </p><br />
<div align="center">
<strong>
<?php
//inicio saudação
$hora = date ("H");
if($hora >= 5 and $hora < 12){
print "Bom Dia, ";
}elseif($hora >= 12){
print "Boa Tarde, ";
}elseif($hora > 19 or $hora < 5){
print "Boa Noite, ";
}
echo $nome;
//fim saudação
?>
</strong>
</div>
<p align='center'><BR></p>
<div align='center'>
<table width='618' border='3' cellspacing='1' cellpadding='1' bordercolor='#FFE4B5' bgcolor='#F5F5DC'>
<th width="592" height="282" scope='col'>
<table width='614' border='0' bordercolor='#FFE4B5' cellpadding='0' cellspacing='0' bgcolor='#F5F5DC'>
<tr>
<td height='46' colspan='7' class='pageName'>
<div align='center'>
<p>RELATÓRIO DE DESPESAS</p>
</div> </td>
</tr>
<div align='center'>
<tr>
<td height='42' colspan='7' class='bodyText'>
<p>Insira aqui seus dados, o preenchimento de todos os campos é obrigatório.</p>
<h6> </h6> </td>
</tr>
</div>
<tr>
<td width='104' height='34' class='subHeader' id='monthformat'><div align="right">Período: </div></td>
<td colspan="2" class='subHeader' id='monthformat'><input name='periodo' type='text' id='periodo' size='20' /></td>
<td width='119' class='subHeader' id='monthformat'><div align="right">Campanha: </div></td>
<td width='190' class='subHeader' id='monthformat' align='left'><div align='left'>
<input name='campanha' type='text' id='campanha' size='20' />
</div></td></tr>
<tr>
<td height='34' class='subHeader' id='monthformat'><div align="right">Estado:
</div> </td>
<td colspan="2" class='subHeader' id='monthformat'>
<select '10' name='estado' id='estado'>
<option value='Acre'>Acre</option>
<option value='Alagoas'>Alagoas</option>
<option value='Amapá'>Amapá</option>
<option value='Amazonas'>Amazonas</option>
<option value='Bahia'>Bahia</option>
<option value='Ceara'>Ceará</option>
<option value='DF'>Distrito Federal</option>
<option value='ES'>Espírito Santo</option>
<option value='Goias'>Goiás</option>
<option value='Maranhão'>Maranhão</option>
<option value='MT'>Mato Grosso</option>
<option value='MS'>Mato Grosso do Sul</option>
<option value='MG'>Minas Gerais</option>
<option value='Para'>Pará</option>
<option value='Paraiba'>Paraíba</option>
<option value='Parana'>Paraná</option>
<option value='Pernambuco'>Pernambuco</option>
<option value='Piaui'>Piauí</option>
<option value='RJ'>Rio de Janeiro</option>
<option value='RN'>Rio Gr. do Norte</option>
<option value='RS'>Rio Gr. do Sul</option>
<option value='Rondonia'>Rondonia</option>
<option value='Roraima'>Roraima</option>
<option value='SC'>Santa Catarina</option>
<option value='SP'>São Paulo</option>
<option value='Sergipe'>Sergipe</option>
<option value='Tocantins'>Tocantins</option>
</select> </td>
<td width='119' class='subHeader' id='monthformat'><div align="right">Cidade: </div></td>
<td width='190' class='subHeader' id='monthformat' align='left'><div align='left'>
<input name='cidade' type='text' id='cidade' size='20' />
</div></td></tr>
<tr>
<td height='16' class='subHeader' id='monthformat3'> </td>
<td colspan="2" class='subHeader' id='monthformat3'> </td>
<td class='subHeader' id='monthformat3'> </td>
<td class='subHeader' id='monthformat3' align='left'> </td>
</tr>
</table>
<table width='612' border='0' bordercolor='#FFE4B5' cellpadding='0' cellspacing='0' bgcolor='#F5F5DC'>
<tr>
<td height='32' colspan="5" class='subHeader' id='monthformat2'>
<div align='center'>
<p>ITENS</p>
</div>
</td>
</tr>
<tr>
<td height='32' colspan="5" class='subHeader' id='monthformat2'>
<div align='center'>
<p>*Observação: Limite máximo de 20 ítens.</p>
</div>
</td>
</tr>
<tr>
<td width="150" height='54' class='subHeader' id='monthformat2'>
<table id="tabelaItem" width='614' border='0' bordercolor='#FFE4B5' cellpadding='0' cellspacing='0' bgcolor='#F5F5DC'>
<tr><div align="center">
<td width='40' height='34' class='subHeader' id='monthformat5'><div align="center">Item:</div></td>
<td width="159" class='subHeader' id='monthformat5'><select '10' name='estado3' id='txtColuna'>
<option value='alimentacao'>Alimentação</option>
<option value='combustivel'>Combustível</option>
<option value='materiald'>Material Degustativo</option>
<option value='materiale'>Material de Escritório</option>
<option value='pedagio'>Pedágio</option>
<option value='copia'>Cópia</option>
<option value='outros'>Outros</option>
</select></td>
<td width="75" class='subHeader' id='monthformat5'><div align="center">Data:</div></td>
<td width='72' class='subHeader' id='monthformat5'><input id='txtData' size='12'></td>
<td width='61' class='subHeader' id='monthformat5'><div align="center">Valor:</div></td>
<td width='72' class='subHeader' id='monthformat5'><input id='txtValor' size='12'></td>
<td width='63' class='subHeader' id='monthformat5'><div align="center">NF:</div></td>
<td width='72' class='subHeader' id='monthformat5'><input id='txtNF'size='12'></td>
</div> </tr>
<script>
function AdicionaLinha()
{
$("#tabelaItem").append(
$(document.createElement("tr")).append(
$(document.createElement("td")).attr({
"width": "40",
"height": "34",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("div")).attr("align","center").append("Item:")
),
$(document.createElement("td")).attr({
"width": "159",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("select")).attr({
"id": "txtColuna",
"name": "estado3"
}).append(
$(document.createElement("option")).attr("value","alimentacao").append("Alimentação"),
$(document.createElement("option")).attr("value","combustivel").append("Combustível"),
$(document.createElement("option")).attr("value","materiald").append("Material Degustativo"),
$(document.createElement("option")).attr("value","materiale").append("Material de Escritório"),
$(document.createElement("option")).attr("value","pedagio").append("Pedágio"),
$(document.createElement("option")).attr("value","copia").append("Cópia"),
$(document.createElement("option")).attr("value","outros").append("Outros")
)
),
$(document.createElement("td")).attr({
"width": "75",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("div")).attr("align","center").append("Data:")
),
$(document.createElement("td")).attr({
"width": "72",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("input")).attr({
"size": "12",
"id": "txtData"
})
),
$(document.createElement("td")).attr({
"width": "61",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("div")).attr("align","center").append("Valor:")
),
$(document.createElement("td")).attr({
"width": "72",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("input")).attr({
"size": "12",
"id": "txtValor"
})
),
$(document.createElement("td")).attr({
"width": "63",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("div")).attr("align","center").append("NF:")
),
$(document.createElement("td")).attr({
"width": "72",
"id": "monthformat5",
"class": "subHeader"
}).append(
$(document.createElement("input")).attr({
"size": "12",
"id": "txtNF"
})
)
)
);
}
</script>
</table>
<p>
<input type="button" class="botões" value="Adicionar Item" onClick="AdicionaLinha()">
<tr>
<td colspan="5" valign='top' class='subHeader' id='monthformat4'></td>
</tr>
<tr>
<td colspan="5" valign='top' class='subHeader' id='monthformat17'></td>
</tr>
</table>
</table>
</div>
<p align='center'> </p>
<p align='center'>
<input name='enviar' type='submit' class='botões' value='Enviar' />
<input name='limpar' type='reset' class='botões' value='Limpar' />
<input name='ver' type='submit' class='botões' value='Verificar' />
</p>
</form>
</body>
</html>Carregando comentários...