Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos,
Bom... tenho um formulário e preciso fazer aparecer mais campas a medida que é clicado no botão [+] por exemplo.
Achei um script que faz isso mas ele insere apenas um campo text no form, e o que preciso é que adicione um campo combo box e um text
Abaixo o script que achei
<script>
function Mais(local, nomeCampo) {
//cria campo de texto
var x = document.createElement('input');
//cria uma linha, pular pra linha de baixo
var pula = document.createElement('br');
//atributos do campo texto
x.setAttribute('type', 'text');
x.setAttribute('name', nomeCampo+'[]');
x.setAttribute('id', nomeCampo+'[]');
x.setAttribute('size', '30');
//coloca a linha e o campo texto dentro da div
document.getElementById(local).appendChild(pula);
document.getElementById(local).appendChild(x);
}
</script>
//Fim do script
<p>
<input type="button" name="Button" value="Adicionar mais campos para homenagens" onclick="Mais('homenagens', 'nome')" />
</p>
<form id="form1" name="form1" method="post" action="">
<div id="homenagens">
<input name="nome[]" type="text" id="nome[]" size="30" value="" />
</div>
<p>
<input type="submit" name="Submit" value="Enviar dados" />
</p>
</form>
//Fim do html
Alguem poderia me ajudar? estou colocando um exemplo de como deve ficar a disponibilidade dos campos.
<form id="form" name="form" method="post" action="">
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="button" value="+" onclick="" /></td>
</tr>
<!-- Quando é clicado no botão [+] adiciona um campo combo e um text -->
<tr>
<td width="101">
<select name="softwares">
<option value="Selecione">Selecione</option>
<option value="Opção 01">Opção 01</option>
<option value="Opção 02">Opção 02</option>
<option value="Opção 03">Opção 03</option>
</select>
</td>
<td width="199"><input type="text" name="data" id="text" /></td>
</tr>
</table>
</form>Carregando comentários...