Skip to content

Instantly share code, notes, and snippets.

@netsi1964
Created February 8, 2014 13:22
Show Gist options
  • Save netsi1964/8883643 to your computer and use it in GitHub Desktop.
Save netsi1964/8883643 to your computer and use it in GitHub Desktop.
Convert FORM elements to JSON snippet
var json;
function toJSON(selector) {
var elements = document.querySelectorAll(selector+' [name]');
var obj = {};
for(var ele=0;ele<elements.length;ele++) {
var t = elements[ele];
obj[t.name] = t.value;
}
prompt("form "+selector+"", JSON.stringify(obj))
};
var d = document;
var choose = d.createElement('div');
choose.id = 'choose';
var oforms = document.querySelectorAll('form');
var forms = "";
for(var i=0;i<oforms.length;i++) {
var oForm = oforms[i];
var sel = (oForm.id) ? '#'+oForm.id : 'form:nth-child('+(i+1)+')';
forms+="<option sel='"+sel+"'>"+sel+"</option>";
}
choose.innerHTML = '<div style="margin: 1em;position:absolute;z-index:100;top:2em;left:2em;outline:white 2em solid;"><h2 style="color: black;background-color: white;">Select form to convert to JSON</h2><select onchange="choose.remove();toJSON(this.value)"><option>Choose form</option>'+forms+'</select></div>';
d.body.appendChild(choose);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment