javascript - 我如何使用 javascript 将这个 bootstrap html 表单传递到下一页？

Question

我有一个简单的表单，其中包含性别下拉菜单和温度下拉菜单，我希望它们转到下一页，然后简单地输出到屏幕上。我想我可能也必须更改我的保存按钮。必须使用 javascript，我可以使用 php 哈哈

  <div class="form-group">
   <label for="sel1">Gender:</label>
   <select class="form-control" id="gender">
      <option>Male</option>
      <option>Female</option>
   </select>
</div>

<div class="form-group">
   <label for="sel1">Temperature (Degrees):</label>
   <select class="form-control" id="gender">
      <option>Fahrenheit</option>
      <option>Celcius</option>
   </select>
</div> 

<div style="text-align: center;"><a href="index.html" class="btn btn-info btn-lg"> Save Settings</a></div>

Answer 1

我认为您可以使用本地存储来实现此目的:

   localStorage.setItem('showInTheNextPage', $('.form-group').html());

然后，在下一页:

   var fromPrevPage = localStorage.getItem('showInTheNextPage');
   $('.form-group').html(fromPrevPage);

更新:插图

https://stackoverflow.com/a/16264547/1845408

第 1 页:http://jsfiddle.net/Xotic750/dfqsK/

第 2 页:http://jsfiddle.net/Xotic750/ayvPq/