padcoe
Abril 23, 2009, 9:43am
#1
Fala feras
Tenho uma funcao que adiciona inputs do tipo text dinamicamente mas cada vez que eu adiciono, eu perco o contéudo dos inputs anteriores. Alguém pode me ajudar?
<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if (fields != 10) {
document.getElementById('text').innerHTML += "<input type='text' /><br />";
fields += 1;
} else {
document.getElementById('text').innerHTML += "<br />Máximo de 10.";
document.form.add.disabled=true;
}
}
</script>
</head>
<body>
<form name="form">
<input type="button" onclick="addInput()" name="add" value="Adicionar campo" />
</form>
<div id="text">
</div>
</body>
</html>
Valeu
Dei uma leve alterada no seu código:
<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if (fields < 10) {
document.getElementById('text' + fields).innerHTML = "<input type='text' /><br /><div id='text" + (++fields) + "'></div>";
// fields += 1;
} else {
document.getElementById('text' + fields).innerHTML = "<br />Máximo de 10.";
document.form.add.disabled=true;
}
}
</script>
</head>
<body>
<form name="form">
<input type="button" onclick="addInput()" name="add" value="Adicionar campo" />
</form>
<div id="text0">
</div>
</body>
</html>
padcoe
Abril 23, 2009, 12:32pm
#3
Fala fera
Era isso mesmo. Vou testar no Java e mandar bala aqui no struts 2.
Obrigado pela ajuda.