隱藏內容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，希望這將有助於