Удалить селект инициализированный плагином 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()
      }
    }
  });

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

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

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

Решение