Удалить селект инициализированный плагином jquery-formstyler

@Dick777 · Регистрация: 30.10.2013

Студворк — интернет-сервис помощи студентам

Всем привет!
У меня несколько селектов. Нужно при клике на option - Удалить - удалять селект родитель.
Проблема в том что я не могу обратиться ни к классу повешенного на этот option, ни по значению...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<select name="product[]" class="select-groups" title="">
    <option value="1">Опция 1</option>
    <option selected value="2">Опция 2</option>
    <option value="3">Опция 3</option>
    <option value="4">Опция 4</option>
    <option value="5">Опция 5</option>
    <option class="remove" value="-1">Удалить</option>
</select>
<select name="product[]" class="select-groups" title="">
    <option value="1">Опция 1</option>
    <option value="2">Опция 2</option>
    <option value="3">Опция 3</option>
    <option  selected value="4">Опция 4</option>
    <option value="5">Опция 5</option>
    <option class="remove" value="-1">Удалить</option>
</select>
<select name="product[]" class="select-groups" title="">
    <option  selected value="1">Опция 1</option>
    <option value="2">Опция 2</option>
    <option value="3">Опция 3</option>
    <option value="4">Опция 4</option>
    <option value="5">Опция 5</option>
    <option class="remove" value="-1">Удалить</option>
</select>

JavaScript
1
2
3
4
5
6
 
    $('.select-groups').styler();    
     
    $('.remove').on('click', function() {
        $(this).parent('.select-groups').remove();
    })

Обращение к option происходит, но удаление не срабатывает. JQ Form-styler стилизует элемент и навешивает свои классы.
Вобщем, может кто с таким сталкивался?

@Уф · 16.11.2017, 17:50

JavaScript
1
2
3
4
5
6
7
 
    $('.select-groups').styler();    
     
    $('.remove').on('click', function() {
        $(this).parent('.select-groups').styler('destroy');
        $(this).parent('.select-groups').remove();
    })

@Dick777 · 16.11.2017, 17:59 **[ТС]**

Уф, http://jsfiddle.net/lucy456/mge7mnej/
не заработало...
были попытки делать и destroy...хз

@msheal · 17.11.2017, 02:00

В следующий раз предлагаю дебажить свой код. Попробуйте вывести в консоль $(this).parent('.select-groups') перед его удалением, а после этого внимательно посмотрите в инспекторе на дом и на то, что вы пытаетесь найти)

Подытожив, ваша проблема решается в одну строчку:

JavaScript
1
2
3
$('.remove').on('click', function() {
        $(this).closest('.jqselect').find('select').styler('destroy').remove();
    });

Однако это не очень гибкий подход (искать родителя по классу, которого может не быть), поэтому грамотней было бы написать используя встроенный колбек:

JavaScript
1
2
3
4
5
6
7
  $('.select-groups').styler({
    onSelectClosed: function(){
            if ($(this).hasClass('remove')){
        $(this).find('select').styler('destroy').remove()
      }
    }
  });

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@Dick777 0 / 0 / 0 Регистрация: 30.10.2013 Сообщений: 142
	16.11.2017, 17:59 [ТС]
	Уф, http://jsfiddle.net/lucy456/mge7mnej/ не заработало... были попытки делать и destroy...хз 0

Удалить селект инициализированный плагином jquery-formstyler

Решение