[Resolvido] Adicionar compos no formulário

[Ph3i 0]

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>

[andreia_sp 1]

Pra criar o select é a mesma coisa, createElement, a diferença é que você cria um select em vez de input, exemplo

 

var select = document.createElement('select');

e depois cria a option

 

var option = document.createElement('option');

depois seta as propriedades value e text.

 

Se você fizer uma pesquisa aqui pelo forum ou ate no google pelas palavras createElement select option exatamente assim, vao aparecer milhares de exemplo, isso é bastante procurado e exemplificado ;)

[Ph3i 0]

Pra criar o select é a mesma coisa, createElement, a diferença é que você cria um select em vez de input, exemplo

 

var select = document.createElement('select');

e depois cria a option

 

var option = document.createElement('option');

depois seta as propriedades value e text.

 

Se você fizer uma pesquisa aqui pelo forum ou ate no google pelas palavras createElement select option exatamente assim, vao aparecer milhares de exemplo, isso é bastante procurado e exemplificado ;)

Obrigado... tentei e deu certo!

[andreia_sp 1]

maravilha, parabens ;)