Advertisement
Guest User

Untitled

a guest
Sep 21st, 2017
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.17 KB | None | 0 0
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  2.  
  3. <script language="javascript">
  4. <!--
  5. $(function () {
  6. var divContent = $('#materialInst');
  7. var botaoAdicionar = $('a[data-id="1"]');
  8. var i = 1;
  9.  
  10. //Ao clicar em adicionar ele cria uma linha com novos campos
  11. $(botaoAdicionar).click(function () {
  12.  
  13.  
  14. $('<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);
  15.  
  16. $('#removehidden').remove();
  17. i++;
  18. $('<input type="hidden" name="quantidadeCampos" value="' + i + '" id="removehidden">').appendTo(divContent);
  19. });
  20.  
  21. //Cliquando em remover a linha é eliminada
  22. $('#materialInst').on('click', '.linkRemover', function () {
  23. $(this).parents('.conteudoIndividual').remove();
  24. i--;
  25. });
  26. });
  27. //-->
  28. </script>
  29.  
  30.  
  31. <div id="materialInst">
  32. <div>
  33. <div>
  34. <input type="number" name="qitem0" id="qitem0">
  35. <label for="qitem0">Quantidade</label>
  36. </div>
  37. <div>
  38. <select id="item0" name="item0">
  39. <option value="" disabled selected>Material</option>
  40. <option value="1">item1</option>
  41. <option value="2">item2</option>
  42. <option value="3">item3</option>
  43. </select>
  44. </div>
  45. <div>
  46. <input disabled type="number" name="vitem0" id="item0">
  47. <label for="vitem0">Valor unitário R$</label>
  48. </div>
  49. <div>
  50. <input disabled type="number" name="vtitem0" id="vtitem0">
  51. <label for="vtitem0">Valor total R$</label>
  52. </div>
  53. </div>
  54. </div>
  55. <a href="#" id="adicionar" data-id="1">Clonar</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement