Javascript-форум - удаление тегов chosen.jquery.js

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - удаление тегов chosen.jquery.js (https://javascript.ru/forum/jquery/66813-udalenie-tegov-chosen-jquery-js.html)

удаление тегов chosen.jquery.js

Помогите, пожалуйста, удалить тег полностью. Есть плагин https://github.com/harvesthq/chosen

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>TEGS</title>
[css]
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.css" rel="stylesheet">

[/css]
</head>

<body>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
            <div class="col-lg-5">
                <div class="form-group">
                <label class="font-noraml">ТЕГИ</label>
                <div>
                <select data-placeholder="Выберите город..." class="chosen-select" multiple style="width:350px;" tabindex="4">
                <option value="0">Украина</option>
                <option value="1">Днепр</option>
                <option value="2">Киев</option>
                <option value="3">Харьков</option>
                <option value="4">Львов</option>
                <option value="5">Ужгород</option>
                <option value="6">Кривой Рог</option>
                <option value="7">Полтава</option>
                <option value="8">Суммы</option>
                <option value="9">Кировоград</option>
                </select>
                </div>
                </div>

                </div>
                </div>

            </div>
[js]

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.jquery.js"></script>
    <script>
        $('.chosen-select').chosen({width: "100%"});
    </script>
[/js]

</body>

</html>

Пробовал $(".сhosen-select [value='2']"). remove(); не помогло.

Martovytskyi,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Цитата:

Сообщение от Martovytskyi

Пробовал $(".сhosen-select [value='2']"). remove(); не помогло.

скажи три раза: «Крекс, фекс, пекс» , скопируй код ниже и вставь перед инициализацией.

$(".chosen-select [value='2']").remove();

Спасибо, заработало. Теперь отлавливаю в нужном option value, привязываю к "search-choice-close" и аналогично удаляю ul. правильно?

Не стоит использовать сhosen
Проект по ходу мертв
Списки неадекватно ведут себя в мобильных сайтах
Используйте вместо него select2

Спасибо за наводку, но суть то остается. По клику на "search-choice-close" нужно не скрывать, а удалять? Подскажите, пожалуйста, правильно думаю? Для удаления отлавливаю в нужном option value, привязываю к "search-choice-close" и аналогично удаляю ul.

Martovytskyi,
не осилил

Цитата:

Сообщение от рони (Сообщение 440455)

Martovytskyi,
не осилил

спасибо за попытку. Буду дальше пробовать

Martovytskyi,
попробуйте как-то иначе сформулировать, что вы хотите сделать...

Цитата:

Сообщение от рони (Сообщение 440485)

Martovytskyi,
попробуйте как-то иначе сформулировать, что вы хотите сделать...

При нажатии на крестик "search-choice-close" конкретного option, поймать его value и удалить, чтоб он уже не отображался в выпадающем списке. Извините, если объясняюсь некорректно)