JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<form id="myForm">
  <input type="text" id="ipt1" name="input1">
  <input type="search" id="ipt2" name="input2">
  <input type="submit" id="ipt3">
</form>
<button id="back">Put back</button>

JavaScript

var storage = {};
$("form").on("submit", function(e) {
	/*Already managed*/
  e.preventDefault();
  storage = $("#myForm").serializeArray();
});
$("#back").on("click", function(e) {
	/*get data from cache*/
  getValuesBack("#myForm", storage);
});
function getValuesBack(id, storage) {
  $.each(storage, function(key, value) {
  	$(id + " [name='" + value.name + "']").val(value.value);
    //need to manage dropdown
  });
}