Hallo!
Ich bräuchte eure Hilfe.
Ich habe ein Formular, wo ich ich Werte aus der Url auslesen, sichtbar auf der Seite zeigen und GLEICHZEITIG diesen Wert in einem "Hidden Field" speichern möchte.
https://example.com/form?Name=Jean&Language=Deutsch
Eines von beiden habe ich hingekriegt, aber zweimal derselbe Wert leider nicht.
Also ich kann die Werte entweder auf der Seite anzeigen ODER speichern, aber ich bräuchte beides.
Ich vermute mal weil z.B. der Wert NAME nur EINMAL vergeben werden darf, aber da gibt es doch bestimmt eine Lösung.
Anbei ein Beispielcode:
Code
<div class="container mt-3">
<h6><input type="text" name="Name" readonly></h6>
<h6><input type="text" name="Language" readonly></h6>
<form action="https://example.com" method="POST" style="max-width:300px">
<input type="hidden" name="Name" value="">
<input type="hidden" name="Language" 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[i].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[i].name); if (param) document.getElementsByName(hiddenFields[i].name)[0].value = param; } } setTimeout(function(){queryForm();}, 100); </script>
Alles anzeigen
Danke für eure Hilfe