EvaldoMaciel

Monitorar alterações em formulário, exibir alteração, filtro

Oct 31st, 2018
217
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Objetivo:
  3. 1. Monitorar alterações apenas a parte do formulário contida dentro da DIV "divCheckList".  
  4. 2. Monitorar alterações apenas os campos que contenham no atributo "for" a palavra (caracteres) "check_".
  5. 3. Exibir as alterações em tempo real dentro da div "#parcial".
  6.  */
  7.  
  8.     var selectElem = document.getElementById('divCheckList') // Seção onde se encontra o form, pode ser o ID da div acima dele ou de alguma div dentro do form.
  9.     selectElem.addEventListener('change', function() {
  10.         $("#parcial").html("");
  11.         $("label").each(function(index, element) {
  12.             var ele = $(element);
  13.             var elementos2 = [];
  14.             algo = ele.attr("for").indexOf("check_"); // aqui filtramos apenas os campos que conteam "check_" no atributo "for", poderia ser ID, Class, placesseholder...
  15.             if (algo > -1) {
  16.                 variavel = ("#" + ele.attr("for"));
  17.                 elementos2 = [index, ele.html(), ele.attr("for"), $(variavel).val()];
  18.                 console.log(elementos2);
  19.                 $('#parcial').append("" + elementos2[1] + " - " + elementos2[3] + "\n");
  20.             }                  
  21.             else null;  
  22.         });
  23.     })
RAW Paste Data