javascript - 将 href 链接到其他页面选定的下拉选项值

Question

这是一个问题，谷歌似乎没有答案。我有 2 页:第 1 页和第 2 页。

第 2 页有一个元素和切换按钮框，代码如下:

 <ul>
<li><button class="button is-checked" data-filter="*">All</button></li>
<li><button class="button" data-filter=".a1">a1</button></li>
<li><button class="button" data-filter=".b1">b1</button></li>
<li><button class="button" data-filter=".c1">c1</button></li>
<li><button class="button" data-filter=".d1">d1</button></li>
</ul>

选择代码:

<select class="form-control filters-select" style="border-radius:0">
<option value="*">All</option> 
<option value=".a2">a2</option>
<option value=".b2">b2</option>
<option value=".c2">c2</option>
</select>

以上2个元素都在page-2中，使用jQuery同位素来过滤数据。现在，如果我必须在第 1 页中使用 href 来链接到第 2 页，以便单击它会打开第 2 页，并带有选定的选项或选中的按钮。

怎么做？

里面的代码是什么:

<a href""> 

谢谢吨

Answer 1

仅使用 href 链接无法做到这一点。但是，您可以放置​​一个链接，例如:

使用 JavaScript

<a href="page2.php#selectAll"> 

并在 onload 函数中使用 javascript 捕获查询:

var whatToDo = window.location.hash.substr(1);
//depending of whatToDo is, select something.

<小时/>

使用 PHP

<a href="page2.php?select=All">

并捕获 php 中的 GET 变量来选择某些内容。

<select class="form-control filters-select" style="border-radius:0">
<option value="*" <?php if ($_GET['select']=="All") echo "selected" ?>>All</option> 
<option value=".a2">a2</option>
<option value=".b2">b2</option>
<option value=".c2">c2</option>
</select>