隐藏内容DIV，并按下搜索按钮后显示

Question

我想做一个像谷歌一样的页面搜索。该页面将包含以下内容：

1. 一个文本框
2. 搜索按钮

我输入在文本框中输入一个数值后，按下按钮，结果应放在一个DIV但是在按下搜索按钮之前，这将不可见。内容只有在按下搜索按钮后才会显示。如何通过使用jQuery来实现这一点。

Answer 1

使用jQuery的ajax()函数来实现此目的。 检查这个链接：http://www.codeforest.net/simple-search-with-php-jquery-and-mysql

Answer 2

基本上，你使用CSS隐藏div，当点击搜索按钮时，它显示如下。

CSS代码

#content_div { 
    display: none; 
} 

jQuery的

$(".search_button").click(function() { 
    $("#content_div").show(); 
} 

Answer 3

好像你可能想使用这样的事：

$('#search_results').load('perform_search.php', {query: $('#search_query_input').val()}); 

解释：

个
1. #search_results是DIV，你会把你的结果
2. 负载（）是jQuery的通过AJAX来更新容器
3. perform_search.php是将返回结果显示在#search_results
4. 查询页面功能是将被传递给perform_search参数的名称（如5 $ _REQUEST [“查询”]）
5. #search_query_input是你的“文本框中输入”

干杯的id，希望这将有助于