Выберите вариант с помощью кнопки. через 2 страницы

Question

Я хочу выбрать опцию, нажав кнопку на первой странице, передав данные, которые будут опцией по умолчанию на странице 2 Точно так, используя javascript Как видите, я пытался объединить разные части кода, чтобы получить один и тот же результат, однако он не будет хранить информацию для загрузки на второй странице. по умолчанию на странице 2

Прошу прощения, так как я все еще новый кодировщик

<a data-role="button" href='form.html' id="price-button">ORDER NOW</a>
</div>
</div>

<footer>
</footer>

</body>
<script src="js/js-nav-bar.js" type="text/javascript"></script>
<script>
  var firstData = {
    'key1': 'value1',
    'key2': 'value2'
  };
  and

  var secondData = {
    'key1': 'value3',
    'key2': 'value4'
  };


  // This is on page1.html
  var myData = [firstData, secondData];
  x = document.getElementById("ddselect"); //id on the second page for the <select>
  x.options[x.selectedIndex].text = "Poster"; //one of the option names
  localStorage.setItem('objectToPass', myData);
</script>

страница 2

<select name="essay-type" id="ddselect" onchange="ddlselect();" required>
  <option value="0"></option>
  <option value="0">1</option>
  <option value="0">2</option>
  <option value="0">3</option>
  <option value="0">4</option>
  <option value="0">4</option>

</select>
<script>
  var firstData = {
    'key1': 'value1',
    'key2': 'value2'
  };
  var secondData = {
    'key1': 'value3',
    'key2': 'value4'
  };
  sessionStorage.getItem('key');
  // Get the variable
  var x = localStorage['objectToPass'];
  localStorage.removeItem('objectToPass'); // Clear the localStorage
  var firstData = x[0];
  var secondData = x[1];
  alert('firstData: ' + firstData + '\nsecondData: ' + secondData);
</script>
<script>
  select('ddselect', '2');
</script>