Главная JavaScript

jQuery Form Styler - плагин для стилизации селектов, чекбоксов, радиокнопок, файловых и числовых полей

jQuery Form Styler — плагин для стилизации элементов HTML-форм (input[type=checkbox], input[type=radio], input[type=file], input[type=number], select)

Данный плагин позволяет стилизовать с помощью CSS следующие HTML-элементы: флажок <input type="checkbox">; переключатель <input type="radio">; поле для выбора файла <input type="file">. поле для ввода чисел <input type="number">. раскрывающийся список <select>; Демонстрация работы плагина Живые примеры можно посмотреть на отдельной странице. Стоит заметить, что при ...

Комментарии (2 614)

  1. Спасибо за скрипт.
    Добавляю динамически в select пункты, после refresh (), в хроме нормально, в IE10 список выпадает после двойного нажатия, в IE8 после нажатия появляется и сразу исчезает.
    Если создать обычный селект, то все нормально и в IE8

  2. А как сделать destroy этому стайлеру есть ли такая функция?

  3. Добрый день,
    А можно какой-либо пример на следующую ситуацию — 3 селекта. При выборе в одном добавляются пункты во втором, при выборе второго добавляются пункты в третьем. (страна, регион, город). Заранее спасибо.

  4. После ajax-a слетает.

  5. Группа select’ов, содержимое последующего зависит от выбора предыдущего. Подгружается через ajax. После подключения jQuery Form Styler селекты перестают обновляться.

    В остальном плагин качественный и удобный в использовании.

  6. Здравствуйте! Спасибо за плагин, очень пригодился.
    Стилизую селект во всплывающем окне, которое может закрыться если щёлкнуть вне его границ. Проблема в том, что если в этом окне открыть стилизованный элемент, то при щелчке по всплывающему окну он не закроется, при щелчке вне границ — закроется окно. Как сделать так, чтобы при щелчке внутри окна селект закрывался? Спасибо.

  7. У checkbox не срабатывает событие onclick, если отключаю $('input, select').styler (); все норм…

  8. Добрый день, подключаю также как написано выше (http://prntscr.com/3ihfap) — но появляется сообщение prntscr.com/3ihepv — делаю на Mac, убираю инициализацию prntscr.com/3ihf3r — сообщение не появляется, почему так?

  9. На IOS не работает.

  10. Если radio-группа лежит вне тега form — не работает снятие состояния с элементов группы.

  11. Дмитрий, добрый день.
    При раскрытии списка, а затем клике по месту вне выпавшего списка callback onSelectClosed вызывается количество раз, зависящее от количества стилизованных элементов с помощью плагина. А При выборе из списка какого-либо пункта — лишь один раз. Так и задумано?

  12. Багрепорт: при стилизации <input type="file" multiple /> отображает название только последнего из выбранных файлов.
    Проверил в хроме и ФФ на маке, но, думаю, это должно быть видно во всех браузерах.
    За скрипт спасибо:)

  13. Добрый день! Подскажите, в чем может быть проблема. Установил, все работает, только при загрузке страницы на секунду появляется нестилизованный список, только через секунду становится таким, каким он и должен быть с вашим плагином.

  14. Здравствуйте. Скажите пожалуйста как сделать, чтобы при выборе города из селекта сама вкладка с этим городом запоминалась? www.perevoz24.org/catalog/rubrics/uborka-musora&city=Белгород если ссылка вот такого типа в адресной строке, то сама вкладка соответственно должна быть Белгород. Помогите пожалуйста разобраться, в jQuery плохо шарю (((

  15. Выложил новую версию — 1.5.2.

  16. А как можно заблокировать выполнение открывающего списка? Ну то есть к примеру — есть ajax и мне не надо что бы показывался список пока ajax не вернет результат?!

  17. Хороший плагин, но в 'use strict' mode много ошибок, в основном связанных со вложенным определением функций.
    Проверь код с помощью jshint, увидишь кучу ошибок и варнингов.

  18. В общем, проблема была с angular.

    Имеем: калькулятор на angularjs, данные приходят, но селекты не открываются.
    Решение: Добавить setTimeout примерно как в пятом пункте, чтобы angularjs успел заполнить данными наши селекты :)

  19. Не подскажите в какой строчке обработка события закрытие селекта при открытие другого селекта?

  20. Спасибо, за оперативный предыдущий ответ.
    Можно селекту задать ширину 100%?

Ваш комментарий