Главная 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. Как динамически получить значение input tyep=number?

  2. Здрасте. Вопрос на засыпку.)) — Как включить английский? Я имею введу для —

    <input type="file"/>

    А то в описании там… ссылочка не работает.!? Смотрел коменты, но про это вопросов не нашёл.

  3. Если нужно стилизовать только один input number то дня него есть отдельный плагин https://number-plugin.ru

  4. Привет! Подскажите, почему скрипт не передаёт неактивные элементы в select?
    То есть у стандартного select есть option с атрибутом disabled, но после стилизации данный option доступен к выбору. Как подправить это дело?

  5. Приветствую. Отличный плагин.
    Один вопрос — как передать в инпут селект дополнительный блок\спан? Мне нужно по клику на селект показывать список цветов такого формата

    <option value="value1"><span class="colorval">colorval</span>Item1</option>

    Где в спане будет квадратик цвета.
    Сейчас на фронте это обрезается

    <div class="jq-selectbox__select-text">colorvalItem1</div>
  6. Делаю один проект, решил воспользоваться вашим скриптом. Не могу разобраться как открыть селект при клике на label для данного селекта. Можете подсказать? Задача достаточно популярная, но нигде не смог найти ответа.

    Заранее благодарен!

  7. Всем привет!

    У кого не работают селекты (у меня не раскрывались) на Android при использовании в fancybox, попробуйте отключить у fancybox при инициализации touch. Мне помогло.

    $('selector').fancybox({
    	touch: false
    });
  8. Подскажите пожалуйста. Как сделать зависимые списки на этом плагине?

  9. Как в «select» выбрать определенный «option», который зависит от get запроса?
    Например есть сортировка select→ по умолчанию, по убыванию, по возрастанию.
    Всегда стоит «по умолчанию», если выбрать «по убыванию» происходит перезагрузка станицы и должно брать из get параметр, что нужно указать «selected» «по убыванию», а не возвращать по умолчанию.
    Вот такое туповатое объяснение получилось.

  10. Как подключать ваш плагин в проект на gulp и sass

  11. Здравствуйте!
    В select не работает поиск, если вводить в формате, например телефон: +7 (812) и т. д.
    В консоли ошибка Uncaught SyntaxError: Invalid regular expression: /.*?+7 (812).*?/: Nothing to repeat

  12. Отличный плагин, но почему-то у меня не работает в iOS, точнее не открывается выпадающий список.
    Как поправить?
    https://codepen.io/eandycat/pen/gOxoapG

  13. Убрать строку if (iOS) return;
    В ios, скорее всего, уже давно всё ок!))

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