javascript - 将值从一页传递到另一页并使用值来过滤表

标签 javascript jquery footable

我目前正在将一个值从 search.php 传递到 filtering.php。我正在使用 $_GET 来实现这一点。在 filtering.php 页面中,我有一个表格,可以根据输入文本框中键入的单词自动过滤。我在 URL 中传递值,例如:http://holaweblearning.co.nf/php_learning/filtering.php?key=Dragoo。然后,获取 URL 中的值并将其放置在输入文本框中。但除非我单击文本框并按下某个键,否则不会过滤任何内容。如何将值传递到 filtering.php 页面并根据单词获取结果? DEMO

我正在使用footable filtering method

搜索.php

<div>
  <input type="text" class="search" placeholder="Type 'Dragoo' ">
</div>
<div>
  <a href="#" class="search_word">Search</a>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$('.search').bind('change keyup', function() {
    var dInput = this.value;
    console.log(dInput);
    url='http://holaweblearning.co.nf/php_learning/filtering.php?key='+dInput;
    $('.search_word').attr('href', url);
});
</script>

过滤.php

<?php
    $keyword = $_GET['key'];
 ?>

Search: <input id="filter" type="text" value="<?php echo $keyword; ?>"/>

最佳答案

您可以查看事件监听器并得出结论:“keyup”事件负责填充该字段。页面加载时执行类似以下操作:

$('input#filter').trigger('keyup')

关于javascript - 将值从一页传递到另一页并使用值来过滤表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24439564/

相关文章:

php - jQuery 加载和相对路径

Footable 过滤行 - 获取结果计数

javascript - Footables - 排序指示器未正确显示

javascript - 默认加载eslint插件规则

随机化填充底部的Javascript

javascript - 通过 jquery 使用输入标题作为 div 的文本

javascript - 在 jquery 代码中调用外部 javascript 函数

javascript - 通过 javascript/jquery 将类/id 添加到包含特定文本的 div

javascript - 获取字符串形式的对象名称

javascript - FooTables 插件(类似于 DataTables) - 如何从服务器/数据库检索列和行数据