Скрыть содержимое DIV и показать его после нажатия кнопки поиска

Question

Я хочу сделать поиск по страницам, подобным Google. Эта страница будет содержать следующее:

1. текстовое поле
2. кнопка поиска

После того как я введите значение в текстовом поле и нажмите на кнопку, результат должен быть помещен в DIV но это не будет видно до нажатия кнопки поиска. Содержимое должно отображаться только после нажатия кнопки поиска. Как это можно сделать, используя jQuery.

Answer 1

Используйте функцию jQuery's ajax() для этого. Проверьте эту ссылку: http://www.codeforest.net/simple-search-with-php-jquery-and-mysql

Answer 2

В принципе, вы скрываете div с помощью CSS, а при нажатии кнопки поиска оно выглядит следующим образом.

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 является ДИВ, где вы поставите ваши результаты
2. нагрузки() является функция JQuery, чтобы обновить контейнер с помощью AJAX
3. perform_search.php страница, которая будет возвращать вам результаты, которые будут отображаться в #search_results
4. запросов это имя параметра, который будет передан perform_search (например, 5 $ _REQUEST [ «запрос»])
5. #search_query_input является идентификатором вашего «текстового поля»

Приветствия, надеюсь, это поможет