jQuery获取值下拉列表并将其传递给第二个下拉列表

Question

我有以下情况：

1. 主页上有一些选项下拉列表。
2. 在详情页面上有相同的下拉列表。
3. 我想要的是当用户选择其中一个下拉选项时，页面会使用相同的下拉列表重定向到“详细信息”页面，并在主页上记住所选的选项。

主页上的下拉代码为：

<div id="home-dropdown" class="ho-productwijzer-aandachtsgebied">
<h2>1. Aandachtsgebied</h2>
<select id="Productwijzer" name="Productwijzer" size="0" title="">
    <option value="">-Kies een Aandachtsgebied-</option>
    <option value="cat-value1">Option1</option>
    <option value="cat-value2">Option2</option>
    <option value="cat-value3">Option3</option>
    <option value="cat-value4">Option4</option>
    <option value="cat-value5">Option5</option>
    <option value="cat-value6">Option6</option> 
</select>

详细信息页面的下拉代码为：

<div id="detail-dropdown" class="ho-productwijzer-aandachtsgebied">
<h2>1. Aandachtsgebied</h2>
<select id="Productwijzer" name="Productwijzer" size="0" title="">
    <option value="">-Kies een Aandachtsgebied-</option>
    <option value="cat-value1">Option1</option>
    <option value="cat-value2">Option2</option>
    <option value="cat-value3">Option3</option>
    <option value="cat-value4">Option4</option>
    <option value="cat-value5">Option5</option>
    <option value="cat-value6">Option6</option> 
</select>

希望有人可以帮我解决这个问题。

Answer 1

当使用method =“get”提交表单时，表单数据将作为查询附加到URL，例如www.example.com/detail.html?Productwijzer=cat-parasieten

然后window.location.search将该信息保存为字符串，因此您可以解析它并使用该信息初始化$（document）.ready（）中的表单。

PS肯定有一个方便的函数来解析jquery中的.search字符串。

Answer 2

您可以将所选选项作为查询字符串传递到详细信息页面