Duplicar tercho de código

Thishinoda · Setembro 30, 2010

E ae galera, beleza?

Seguinte, como faço pra duplicar um trecho de código usando javascript?

Exemplo: eu tenho um formulário com três campos input (descrição, data, hora) e queria colocar um botão pra que o usuário clique e sejam adicionados ao formulário mais três campos iguais a esses três, entenderam?

valeu

Stoma · Setembro 30, 2010

Veja este tópico, é a mesma coisa:

http://scriptbrasil.com.br/forum/index.php?showtopic=154143

Thishinoda · Outubro 1, 2010

Quase serviu. Só que a função descrita no código que você citou não funcionou comigo porque dentro desse conteúdo que eu quero duplicar há tags de tabela. Sem as tags de tabela funcionou (não sei por que, já que a função deveria pegar todo o conteúdo e copiar pra outra div).

Abaixo está o meu código. A ideia é pegar o conteúdo da div "servico" e copiar para a div "add" sempre que o usuário clicar no botão "Solicitar outro serviço". Se alguém souber como resolver agradeço desde já.

<html>
<head>
<script language="javascript" type="text/javascript">
    function adicionarServico() {
        alert(document.getElementById('servico').innerHTML);
        document.getElementById('add').innerHTML = document.getElementById('add').innerHTML+document.getElementById('servico').innerHTML;
     }
</script>
</head>
    <h2>Formulário de solicitação de serviços</h2>
    <input type="button" value="Solicitar outro serviço" onclick="adicionarServico()"/>
      <table>
        <form method="post" name="form_cadastro" action="Cadastrar.do" id="form_servico">
            <tr><td></td><td></td></tr>
            <div id="servico">
            <tr>
                <td>Selecione o serviço: </td>
                <td>
                    <select name="servico_solicitado">
                        <option selected="selected"></option>
                        <option>Carona</option>
                        <option>Compras</option>
                        <option>Pagamento de contas</option>
                        <option>Transporte de mercadorias</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Selecione a data de realização do serviço:</td>
                <td>
                    <input id="data_servico" name="data_servico" maxlength="10" onkeypress="return dateMask(this, event);"/> (dd/mm/aaaa)
                </td>
            </tr>
            <tr>
                <td>Informe a hora de realização do serviço: </td>
                <td>
                    <input name="hora_servico" maxlength="5" onkeypress="return hourMask(this, event);"/> (hh:mm)
                </td>
            </tr>
            </div><!-- fim da div 'servico' -->
            <div id="add"></div>
            <tr><td></td><td><input type="submit" name="enviar" value="Enviar"/><input type="reset" value="Limpar" /></td></tr>
        </form>
      </table>
<body>
</body>
</html>

Entrar

Duplicar tercho de código

Pergunta

Thishinoda

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Stoma

Link para o comentário

Compartilhar em outros sites

Thishinoda

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades