Реклама

jquery.chained Обновлено 12.05.2015

Плагин для быстрого и простого связывания списков!

Версия 1.0.0

Делает легко и просто зависимые друг от друга теги Select

Полезно, когда нужно определить список городов - в зависимости выбранного региона.

Пример кода на html:

"головной" список:

<select id="categories">
  <option value="php-snippets">PHP snippets</option>
  <option value="php-oop">PHP ООП</option>
</select>
 
"дочерний":
 
<select id="articles">
  <option value="">Статьи</option>
  <option value="what-is-snippets" class="php-snippets">PHP - что такое snippets?</option>
  <option value="snippets-web-sites" class="php-snippets">PHP snippets - ресурсы?</option>
  <option value="php5-whats-new" class="php-oop">PHP 5 - что нового?</option>
</select>
 
Когда в первом списке выбираем значение - во втором отсеиваются только те, которые соответствуют классом - значению головного списка.
То есть если значение в первом php-oop - во втором появляются только те значения, у которых класс php-oop.
 
Это верстка, теперь к коду:
 
jQuery(document).ready(function(){
jQuery("#articles").chained("#categories");
});
 
Где первым параметром идет зависимый список, вторым - головной.
 
В архиве несколько файлов - исходный код плагина и файл *.min.js - который и нужно использовать при подключению на страницу сайта. Так можно и плагин целиком, но этот - оптимизирован для быстрой загрузки в браузер.
Вложение:
Скачать файл p5u_tuupola-jquery_chained-1.0.0-0-g44a7f83.zip
Размер 477.14 KB
Скачан 247 раз
RSS
RSS - Лента новостей
Закладки
Сообщества