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

Question

我想像Google一样进行网页搜索。此页面包含以下内容：

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. load（）是jquery通过ajax
更新容器的函数
3. perform_search.php是一个页面，它会返回您在#search_results中显示的结果
4. query是将传递给perform_search的参数的名称（如5. $ _REQUEST ['query']）
5. #search_query_input是“文本框”的ID

欢呼，希望它会有所帮助