从另一个 HTML 页面检索 cookie - 基于链接的选项选择

首先感谢有人花时间阅读本文。

我花了很多时间试图为自己解决这个问题，但收效甚微。我创建了一个脚本来存储来自用户输入的cookie - 这是到目前为止我所拥有的jsfiddle的公共链接。

如果我想在同一站点的另一个html页面上检索用户信息 - 我必须做什么？（我正在使用cookie.js来处理脚本）

用户是否有可能根据下拉列表中的选择转移到另一个页面，但仍收集 cookie。

最终结果将是 - 用户输入个人信息并从下拉菜单中进行选择，然后单击转到 - 转到链接到用户在下拉菜单中选择指定的页面 - 新页面包含来自 cookie 的用户信息。

仅供参考，小提琴中的.container div只是为了测试饼干提前致谢

<input id="firstName" type="text">
 <select id="service">
  <option value="plumbing">Plumbing</option>
  <option value="Handyman">Handyman</option>
  <option value="odd-jobs">Odd Jobs</option>
  <option value="electrical">Electricale</option>
 </select>
 <button id="go">go</button>
 <div class="container"></div>
$("#go").on("click", function(e) {
name = $("#firstName").val();
service = $("#service").val();
Cookies.set('Name', name);
Cookies.set('Service', service)
var Uname = Cookies.get('Name');var Uservice = Cookies.get('Service');
$("div.container").html("<p>Hello " + Uname + ".</p><p>You would like to book " + Uservice + "!</p>");});