Выпадающий список на AJAX

[volshebnyi]

Здравствуйте!

 

Подскажите, пожалуйста, как сделать выпадающий список без перезагрузки страницы, который реализован вот здесь (над товарами ВЫВОДИТЬ ПО РЕЙТИНГУ):

http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/

 

Буду благодарен за помощь!

[Great Rash]

Что именно вам непонятно?

[volshebnyi]

Как сделать точно такой же список для сортировки средствами HTML, CSS, AJAX.

[Great Rash]

HTML - верстаете список

CSS - назначаете ему стили

AJAX - отправьте запрос на сервер и с сервера отдайте нужную страницу списка

[volshebnyi]

HTML - верстаете список

CSS - назначаете ему стили

AJAX - отправьте запрос на сервер и с сервера отдайте нужную страницу списка

 

 

Меня именно вот это и интересует - AJAX - отправьте запрос на сервер и с сервера отдайте нужную страницу списка

 

Great Rash, Вы не могли бы показать как сделать такое же на примере?

Edited March 14, 2014 by volshebnyi

[Great Rash]

Вот вам небольшой пример с использованием PHP и jQuery.

PHP (допустим list.php):

$list = '<ul>';$list_item = '<li>item</li>';for ($i = 0; $i < 10; $i++) {  $list .= $list_item;}$list .= '</ul>';echo $list;

jQuery (допустим внутри index.php):

<div id="list">loading...</div><script>$.ajax({  url: 'list.php',  dataType: 'html',    success: function(data) {    $('#list').html(data);  }});</script>

[volshebnyi]

Спасибо огромное!

[Vic-Tor]

Простите, что встряваю, а вот это Вам не подойдет? : http://www.beloll.ru/javascript/5_accordions_realisations/