Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
- <script language="javascript">
- <!--
- $(function () {
- var divContent = $('#materialInst');
- var botaoAdicionar = $('a[data-id="1"]');
- var i = 1;
- //Ao clicar em adicionar ele cria uma linha com novos campos
- $(botaoAdicionar).click(function () {
- $('<div class="conteudoIndividual"><div><input type="number" name="qitem0' + i + '" id="qitem0"><label for="qitem0">Quantidade</label></div><div><select id="item0" name="item0' + i + '"><option value="" disabled selected>Material</option><option value="1">item1</option><option value="2">item2</option><option value="3">item3</option></select><a href="#" class="linkRemover"> Remover Campos</a></div><div><input disabled type="number" name="vitem0' + i + '" id="item0"><label for="vitem0">Valor unitário R$</label></div><div><input disabled type="number" name="vtitem0' + i + '" id="vtitem0"><label for="vtitem0">Valor total R$</label></div></div>').appendTo(divContent);
- $('#removehidden').remove();
- i++;
- $('<input type="hidden" name="quantidadeCampos" value="' + i + '" id="removehidden">').appendTo(divContent);
- });
- //Cliquando em remover a linha é eliminada
- $('#materialInst').on('click', '.linkRemover', function () {
- $(this).parents('.conteudoIndividual').remove();
- i--;
- });
- });
- //-->
- </script>
- <div id="materialInst">
- <div>
- <div>
- <input type="number" name="qitem0" id="qitem0">
- <label for="qitem0">Quantidade</label>
- </div>
- <div>
- <select id="item0" name="item0">
- <option value="" disabled selected>Material</option>
- <option value="1">item1</option>
- <option value="2">item2</option>
- <option value="3">item3</option>
- </select>
- </div>
- <div>
- <input disabled type="number" name="vitem0" id="item0">
- <label for="vitem0">Valor unitário R$</label>
- </div>
- <div>
- <input disabled type="number" name="vtitem0" id="vtitem0">
- <label for="vtitem0">Valor total R$</label>
- </div>
- </div>
- </div>
- <a href="#" id="adicionar" data-id="1">Clonar</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement