Главная 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. Добрый день!
    В вашем плагинереализовано: «Показываем, что селект изменен, используя класс. changed (появляется зеленая обводка)».
    А можно сделать наоборот?
    Чтобы сразу была обводка, а при выборе селекта — она пропадала.
    Спасибо за помощь.

  2. $('.file-clear').live ('click', function (){
    var myfile = $(this).parents ('.jq-file').find ('input:file');
    $(myfile).replaceWith ($(myfile).clone (true));
    $(myfile).val (««);
    $(this).remove ();
    $('input, select').trigger ('refresh');
    return false;
    });
    Использую такую функцию для очистки определенного input: file, но после очистки в .jq-file__name не очищается имя файла, а при повторном выборе файла из него пропадает всяческий текст вообще. Хотя console. log говорит, что input: file успешно очищен.

  3. Как задать ширину 100% для одиночного селекта?
    Пишет:

    element.style {
    display: inline-block;
    position: relative;
    z-index: 100;
    width: 224px;

    И css и js пробовал, не получается (

  4. Эх, ie6 не поддерживается…

  5. Как сделать что бы список селекта сразу отображался, а при достижении определённого количества появлялась полоса прокрутки?
    В стандартном достаточно было изменить size="1″ на size="10″, а здесь такое не проходит (

  6. Событие onclick для checkbox не выполняется?

  7. Спс, а полосу прокрутки нельзя изменить?

  8. А как сделать, что бы при загрузке страницы сразу загружались стили Вашего плагина? У меня на сначало стандартные select’ы отображаются (где-то секунда)

  9. Почему данные из формы приходят пустые? Однако со стандартных селектов все приходит.

    У всех так или у меня одного?

  10. поставил плагин в магазин для стилизации чекбоксов вывода фильтров.
    все работает.
    но перестает работать выпадающее меню
    то есть конфликт кверри видимо. как поправить?
    как его отловить. плагин вроде как независимо должен работать
    спасибо

  11. помогла вставка в первую строку jQuery. noConflict ();

    jQuery.noConflict ();
    (function ($) {
    $(function () {

    $('input, select').styler ();

    })
    })(jQuery)

    здесь о конфликтах. будет полезно
    jquery.page2page.ru/index.php5/Предупреждение_конфликтов

  12. Евгений Одинец
    10 лет 2 месяца назад

    Спасибо большое! Очень полезный плагин. Главное преймущество в том, что даже при отключенном js у пользователя, будут появляться обычные стандартные елементы формы. В то время как другие плагины используют списки (для стилизации select’ов) или div’ы.

  13. Можно ли что-нибудь сделать, чтобы не зависал сайт при refresh селектов? У меня по нажатию на кнопку происходит refresh сразу 4 селектов и заметно тормозит сайт на 2 секунды… если 1 селект, то не так заметно. С input такой проблемы нет…

  14. Здравствуйте, мне очень понравился ваш плагин, но есть одна проблема, если какое то поле в форме не заполнено + у поля стоит, что оно обязательно для заполнения, при нажатии кнопки отправить, стили у поля выбрать файл и select исчезают, вы не могли бы подсказать как это исправить? сама форма.mobpom.ru/napisat-zhalobu/. админка WordPress, плагин форм Gravity Forms. Заранее очень благодарен за вашу помощь.

  15. Добрый день.
    Во-первых, спасибо за плагин, очень часто бывает нужным. Во-вторых, проблема:
    плагин используется для селекта в форме, которая загружается при помощи fancybox-а. На пк и андроиде все ок, на айпаде (во всех браузерах) выпадающий список не видно. С z-index игралась, не помогло. В чем еще может быть проблема?

  16. Автор, спасибо большое за плагин! Это отличная работа! С помощью него я смог сверстать достаточно сложный select по макету, и я уверен, что буду использовать еще не раз ;-)

  17. Как же я намучался с горе-верстальщиками, сующими в верстку непонятные библиотеки, с которыми мучатся приходить. Намучился со стилизованными селектами. Хотел свою библиотечку уж писать. А тут на эту наткнулся. Спасибо тебе, добрый человек. Хорошая, и, главное, поддерживаемая до сих по библиотека.

  18. Подскажите, пожалуйста, как сделать так, чтобы список стилизованного селекта (select) открывался строго вверх и только вверх? Заранее благодарю.

  19. а есть какая-то возможность добавить еще и автокомплит для селекта?

  20. Этот плагин при Ajax дублирует оберточные дивы селекта, а старый selectbox нормально работает только в Firefox почему-то срабатывает Ajax со второго раза

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