JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<script>
submitted = false;
</script>
<div id="all">
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='http://google.com/';}"></iframe>
<form action="https://docs.google.com/forms/d/1SueoRbKQ4LVp-S5jHyjper-ZVH1W3YgnA1ySoH9nC-k/formResponse" id="mainform" name="predictions" method="POST" id="ss-form" target="hidden_iframe" onsubmit="submitted=true;">
<div id="general">Name:
<input type="text" name="entry.509620581" value="" class="ss-q-short" id="entry_509620581" style="font-size: 18pt;" dir="auto" aria-label="Name " aria-required="true" required="" title="" tabindex="1">
</div>
<div id="main">
<table cellpadding="3" cellspacing="3">
<tr>
<td align="center">Name 1
<br>
<select name="entry.1382992313" id="Name1" tabindex="2" style="font-size: 18pt;" required="Please choose a value">
<option value="VOID" selected="selected"></option>
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
<option value="test4">test4</option>
<option value="test5">test5</option>
<option value="test6">test6</option>
<option value="test7">test7</option>
<option value="test8">test8</option>
<option value="test9">test9</option>
<option value="test10">test10</option>
</select>
</td>
<td align="center">Name 2
<br>
...
CSS
body {
background-color: #181818;
color: #FFF;
}
JavaScript
$(document).ready(function () {
$.each($("select"), function (index, value)) {
localStorage.getItem($(this).attr(“id”));
};
});
$("select").on("change", function () {
localStorage.setItem($(this).attr(“id”), $(this));
});