将href链接到其他页面选择的下拉选项值

Link a href to other page selected dropdown option value

本文关键字：选项 选择 链接 href 其他      更新时间：2023-09-26

这里有一个问题，谷歌似乎没有答案。我有两页：第一页&第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>

以上两个元素都在page-2中，使用jQuery同位素来过滤数据。现在，如果我必须在第1页中使用href链接到第2页，那么单击它就会打开第2页（选中选项或选中按钮）。

怎么做？

里面的代码是什么：

<a href"">

感谢吨

仅使用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>

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

第1页：

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

第2页：

$( 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');
});

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

相关文章：