Question

我有三个HTML页面：

category.html
type.html
subType.html

我正在努力实现两件事： -

根据category.html中选择的类别填充type.html中的Category，并根据category.html中选择的类别在subType.html中填充Type，并在type.html。
我有一个像http://localhost:5000/getInfo?category=categoryName&type=typeName&subtype=subtypeName这样的烧瓶api url。在用户单击“获取详细信息”按钮后，如何从subType.html传递类别，类型和子类型的值。

Category.html：

<head>
  <title>Category Page</title>
</head>

<body>
  <div>
    <h2>Please choose one category:</h2>
    <ul>
      <li>Fruits</li>
      <li>Vegetables</li>
      <li>Clothes</li>
    </ul>
  </div>
</body>

</html>

Type.html：

<head>
  <title>Type Page</title>
</head>

<body>

  <div>
    <h2>Category: Fruits</h2>
    <h3>Please choose a type:</h3>

    <ul>
      <li>Apple</li>
      <li>Orange</li>
      <li>Banana</li>
    </ul>

  </div>

</body>

</html>

SubType.html：

<head>
  <title>Sub Type Page</title>
</head>

<body>

  <div>
    <h2>Category: Fruits</h2>
    <h3>Type: Apple</h3>
    <h4>Please choose Sub-Type:</h4>

    <ul>
      <li><input type="checkbox">Gala Apple</li>
      <li><input type="checkbox">Cortland</li>
      <li><input type="checkbox">Braeburn</li>
    </ul>

    <input type="button" value="Get Detail" />

  </div>

</body>

</html>

任何建议都将不胜感激。谢谢。

Answer 1

使用本地存储，您可以实现此目的。所有现代浏览器都支持本地存储也可以使用cookie。

使用本地存储：设置类别：

localStorage.setItem（“CategorySelected”，“Fruits”）;

Accessing that category in Type.html

    var category=localStorage.getItem("CategorySelected");

如何从无序列表或表格显示从上一页到下一页的值，并显示新值

1 个答案: