Добавить Select / Формы / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Формы

Для Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 90

Количество символов:

Посмотрели: 3042 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 4.1 / 5 - 7 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Select, бутстрап, список, селект, Bootstrap, add, Snippet, добавить

Поделился: aTmpl

Добавлено: 2015-11-27 в 16:58

Метка: 1582177679

⇄ ⇅

<div class="container">
 <div class="row">
 <div class="col-xs-offset-3 col-xs-6">
 <form>
 <div class="form-group">
 <div class="form-group input-group">
 <select name="multiple[]" class="form-control">
 <option value="">Пункт 1</option>
 <option value="">Пункт 2</option>
 <option value="">Пункт 3</option>
 </select>
 <span class="input-group-btn"><button type="button" class="btn btn-success btn-add">✚</button></span>
 </div>
 </div> 
 </form>
 </div>
 </div>
 </div>

var field = $(this).closest('.form-group');
 var field_new = field.clone();

$(this)
 .toggleClass('btn-success')
 .toggleClass('btn-add')
 .toggleClass('btn-danger')
 .toggleClass('btn-remove')
 .html('✖');

field_new.find('input').val('');
 field_new.insertAfter(field);
 });

$(document).on('click', '.btn-remove', function(event) {
 event.preventDefault();
 $(this).closest('.form-group').remove();
 });
 </script>

BootstrapTema

Добавить Select

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0