将值从一个页面传递到另一个页面并使用值来过滤表格

时间:2014-06-26 20:23:26

标签: 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

我正在使用足迹filtering method

的search.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>

filtering.php

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

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

1 个答案:

答案 0 :(得分:1)

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

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