Bom dia, tenho um formulário onde preciso de inserir novos campos carregando numa imagem.
Tenho o código montado, e está a adicionar os campos na zona correcta, mas se o primeiro tiver dados, quando adiciono outro, os dados limpam automaticamente.
Código Javascript
Código (Javascript):
Código HTML do formulário
Código (HTML):
Tenho o código montado, e está a adicionar os campos na zona correcta, mas se o primeiro tiver dados, quando adiciono outro, os dados limpam automaticamente.
Código Javascript
Código (Javascript):
fields = 0;
function addInput() {
if (fields != 4) {
document.getElementById('dynamicInput').innerHTML += "<input type='text' size='25' maxlength='35' name='PagPessoal[]' class='fonttxt'><br>";
fields += 1;
} else {
alert ("Apenas são permitidas 5 páginas pessoais.");
document.ajaut.add.disabled=true;
}
}
function addInput() {
if (fields != 4) {
document.getElementById('dynamicInput').innerHTML += "<input type='text' size='25' maxlength='35' name='PagPessoal[]' class='fonttxt'><br>";
fields += 1;
} else {
alert ("Apenas são permitidas 5 páginas pessoais.");
document.ajaut.add.disabled=true;
}
}
Código HTML do formulário
Código (HTML):
<td align="left" id="dynamicInput">
<table>
<input type="text" size="25" maxlength="35" name="PagPessoal[]" class="fonttxt">
<img class="add" src="images/add.png" style="cursor: pointer;" onclick="addInput('dynamicInput');" height="15" width="15">
</table>
</td>
<table>
<input type="text" size="25" maxlength="35" name="PagPessoal[]" class="fonttxt">
<img class="add" src="images/add.png" style="cursor: pointer;" onclick="addInput('dynamicInput');" height="15" width="15">
</table>
</td>