by
0
2
100
0
Specified
MultiPlatform
Created
Modified Oct 31, 2018

Published on:

No tags for this snippet yet.
Languagejavascript
LicenseMIT_X11

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

Objetivo: 
1. Monitorar alterações apenas a parte do formulário contida dentro da DIV "divCheckList".  
2. Monitorar alterações apenas os campos que contenham no atributo "for" a palavra (caracteres) "check_". 
3. Exibir as alterações em tempo real dentro da div "#parcial".
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/4045722/Monitorar-altera--es-em-formul-rio--exib?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
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. selectElem.addEventListener('change', function() { $("#parcial").html(""); $("label").each(function(index, element) { var ele = $(element); var elementos2 = []; algo = ele.attr("for").indexOf("check_"); // aqui filtramos apenas os campos que conteam "check_" no atributo "for", poderia ser ID, Class, placesseholder... if (algo > -1) { variavel = ("#" + ele.attr("for")); elementos2 = [index, ele.html(), ele.attr("for"), $(variavel).val()]; console.log(elementos2); $('#parcial').append("" + elementos2[1] + " - " + elementos2[3] + "\n"); } else null; }); })
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus