Botão adicionar lista de email

Front-end
#1

Pessoal

Tenho um campo onde a pessoa digita o email para receber informações… só que quero um botão de adicionar para ir adicionando alguns e-mails e sendo mostrado em uma tela abaixo os que foram inseridos.

e depois disso pegar estes e-mails e enviar para a servlet… alguém tem alguma ajuda?

[code]


Regiões:
Brasil  
São Paulo - Estado  
São Paulo - Município  

Adicionar
Enviar E-mail para:
Adicionar
[/code]
#2

Ninguém??

#3

achei isso, mas não consegui adaptar
alguém?

http://www.mredkj.com/tutorials/tutorial005.html

#4

Esse já me ajudou uma vez,talvez te ajude também…
http://jquerybrasil.org/formulario-dinamico-com-jquery/

#5

valeu pela resposta, mas está em php, o meu caso é jsp com servlet…

#6

ue? você não pode transformar pra java?

int quantidadeItems = Integer.parseInt(request.getParameter("quantidade_itens"));
for ( int x = 1; x <= quantidadeItems ; x++ ){
				 	
					String item = request.getParameter("item"+x);
int quantidade = Integer.parseInt(request.getParameter("quantidade"+x));
}
#7

Valeu amigo, mas não entendi direito a lógica para implantar… era isso que queria dizer

#8

o html + jquery fazem o input dinamico,vai ter um input com o botao para adicionar novos items,no seu caso será emais,dai voce clica no botao,nasce um novo input,clica no botao denovo,e la vai outro input,quando voce cansar de adicionar emais voce submita ele,e lá no servlet vai ter o for que executara o numero de loops de acordo com o tamanho da lista que html hidden vai guardando,dai dentro do for,depois de voce pegar os valores e salvar nas variaveis ,faz o que quiser com eles

#9

Oi Slow, valeu pela informação…

não consegui adaptar a função de adicionar na table que tem esse campo…

:

$('#mais').click(function(){
    
    //recuperando o próximo numero da linha
    var next = $('#table table').children('tr').length + 1;
     
    //inserindo formulário
    $('#lista tbody').append('<tr>' + 
        '<td><input type="text" name="email' + next + '" /></td>' + 
    '</tr>');
     
    //armazenando a quantidade de linhas ou registros no elemento hidden
    $(':hidden').val(next);
     
    return false;
});




	<tr class="resultado2">
		<td colspan="2"><br>Enviar E-mail para:<br>
       		<input type="text" size="35" id="email" name="email" maxlength="50" /> <a href="#" id="mais"> + Campos</a><br>
		</td>
	</tr>

</table>

<br>
			<input type="hidden" value="1" name="quantidade_emails" />
			<input name="pesquisaRel" id="pesquisaRel" type="submit" value="Cadastrar"/>
#10