Hi!
Hope you are all great!
I have created form which I fill with UTM parameter like https://domain/form?Name=Jean
This value is visible on website BUT NOT SAVED as hidden field too.
I would like to use AND to save this value.
I try so many things but Name=Jean is not saved as hidden field.
What do I need to change to show AND store this value?
Would be happy if you could assit me!
Thanks
[CODE title="Same value shown AND saved in form"]
<div class="container mt-3">
<h6>Hi, </h6>
<h6><input type="text" name="Name" readonly></h6>
<form action="https://domain.com" method="POST" style="max-width:300px">
<input type="hidden" name="Name" value="">
<div class="mt-3">
<button type="submit" class="btn btn-success">Send</button>
</div>
</form>
</div>
<script>
var queryForm = function(settings){
var reset = settings && settings.reset ? settings.reset : false;
var self = window.location.toString();
var querystring = self.split("?");
if (querystring.length > 1) {
var pairs = querystring[1].split("&");
for (i in pairs) {
var keyval = pairs.split("=");
if (reset || sessionStorage.getItem(keyval[0]) === null) {
sessionStorage.setItem(keyval[0], decodeURIComponent(keyval[1]));
}
}
}
var hiddenFields = document.querySelectorAll("input[type=hidden], input[type=text]");
for (var i=0; i<hiddenFields.length; i++) {
var param = sessionStorage.getItem(hiddenFields.name);
if (param) document.getElementsByName(hiddenFields.name)[0].value = param;
}
}
setTimeout(function(){queryForm();}, 100);
</script>
[/CODE]
Hope you are all great!
I have created form which I fill with UTM parameter like https://domain/form?Name=Jean
This value is visible on website BUT NOT SAVED as hidden field too.
I would like to use AND to save this value.
I try so many things but Name=Jean is not saved as hidden field.
What do I need to change to show AND store this value?
Would be happy if you could assit me!
Thanks
[CODE title="Same value shown AND saved in form"]
<div class="container mt-3">
<h6>Hi, </h6>
<h6><input type="text" name="Name" readonly></h6>
<form action="https://domain.com" method="POST" style="max-width:300px">
<input type="hidden" name="Name" value="">
<div class="mt-3">
<button type="submit" class="btn btn-success">Send</button>
</div>
</form>
</div>
<script>
var queryForm = function(settings){
var reset = settings && settings.reset ? settings.reset : false;
var self = window.location.toString();
var querystring = self.split("?");
if (querystring.length > 1) {
var pairs = querystring[1].split("&");
for (i in pairs) {
var keyval = pairs.split("=");
if (reset || sessionStorage.getItem(keyval[0]) === null) {
sessionStorage.setItem(keyval[0], decodeURIComponent(keyval[1]));
}
}
}
var hiddenFields = document.querySelectorAll("input[type=hidden], input[type=text]");
for (var i=0; i<hiddenFields.length; i++) {
var param = sessionStorage.getItem(hiddenFields.name);
if (param) document.getElementsByName(hiddenFields.name)[0].value = param;
}
}
setTimeout(function(){queryForm();}, 100);
</script>
[/CODE]