Javascript 将a href链接到其他选定页面下拉选项值

这里有一个问题，谷歌似乎没有答案。 我有两页：第一页和第二页

第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页中的上述两个元素，使用jQuery同位素过滤数据。 现在，如果我必须在第1页中使用a href，请链接到第2页，以便单击它打开第2页，并选择选项或选中按钮

怎么做

里面的代码是什么：

<a href""> 

---

谢谢大家

仅使用href链接无法做到这一点。但是，您可以放置如下链接：

使用javascript

使用PHP

---

仅使用href链接无法做到这一点。但是，您可以放置如下链接：

使用javascript

使用PHP

---

这是一个未经测试，但应该让你开始。使用URL参数，您可以将数据从第1页发送到第2页，这也可以在PHP中完成

第1页：

<a href="page2.html?button=a1&select=a1">Page 2</a>

---

这是一个未经测试，但应该让你开始。使用URL参数，您可以将数据从第1页发送到第2页，这也可以在PHP中完成

第1页：

<a href="page2.html?button=a1&select=a1">Page 2</a>

---

---

谢谢大家。我终于解决了。这是通过使用-jQuery同位素哈希历史记录/URL哈希完成的。

谢谢大家。我终于解决了。这是通过使用-jQuery同位素哈希历史记录/URL哈希完成的。

我没有看到“A”标记，您的page-1 codepage-1代码只包含：link&page-2有e元素-框n选择通常您通过$\u GET['myVariable']传递类似的内容，其中第一页上的href是page2.php？myVariable=XT这$\u GET['myVariable']将在第2页中使用。正当n how n where in code，for buttons n select？实际上同位素有一个使用哈希的示例，您需要阅读本页底部的插件文档，这里是一个示例，我没有看到“A”标记，您的page-1 codepage-1代码只包含：link&page-2有e元素-框n select通常您通过$\u GET['myVariable'传递类似的内容第一页的href是page2.php？myVariable=XT第2页将使用此$\u GET['myVariable']。正当n how n where in code，for buttons n select？实际上，同位素有一个使用哈希的示例，您需要阅读本页底部的插件文档，下面是示例selectAll是包含按钮/select的id。正当N此代码：var whatToDo=window.location.hash.substr1；必须在第1页或第2页中添加。Plz帮助，我对jQueryselectAll很陌生，它只是我编的一个字符串，这个值在whattodo变量中，您可以检查whattodo==selectAll，然后使用javascript选择正确的按钮。所有内容都在第2页，如何使用此按钮？上述代码用于选项。selectAll是包含按钮/select的id。正当N此代码：var whatToDo=window.location.hash.substr1；必须在第1页或第2页中添加。Plz帮助，我对jQueryselectAll很陌生，它只是我编的一个字符串，这个值在whattodo变量中，您可以检查whattodo==selectAll，然后使用javascript选择正确的按钮。所有内容都在第2页，如何使用此按钮？以上代码用于选项。它不工作。我猜，这里你已经组合了按钮和选择，但是，按钮n选择是过滤相互独立的数据。我需要这样说吗：？？谢谢大家。我终于解决了。这是通过使用-jQuery-hash-history/URL-hash完成的。他不工作。我猜，这里你已经组合了按钮和选择，但是，按钮n选择是过滤相互独立的数据。我需要这样说吗：？？谢谢大家。我终于解决了。这是通过使用-jQuery-hash-history/URL-hash完成的。谢谢

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

<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>

<a href="page2.html?button=a1&select=a1">Page 2</a>

$( document ).ready(function() {
    var vars = {};
    window.location.href.replace( 
        /[?&]+([^=&]+)=?([^&]*)?/gi, // regexp
        function( m, key, value ) { // callback
            vars[key] = value !== undefined ? value : '';
        }
    );

    $('[data-filter="'+ vars['button'] +'"]').addClass('is-checked');
    $('select > [value="'+ vars['select'] +'"]').attr('selected');
});