Форум

Martovytskyi · #1 (**permalink**) 12.01.2017, 14:36

Помогите, пожалуйста, удалить тег полностью. Есть плагин 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 · #2 (**permalink**) 12.01.2017, 14:37

полный код http://codepen.io/martovytskyi/pen/wgGpBe?editors=1010

рони · #3 (**permalink**) 12.01.2017, 15:43

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

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

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

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

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

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

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

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

Martovytskyi · #4 (**permalink**) 12.01.2017, 16:42

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

Vlasenko Fedor · #5 (**permalink**) 12.01.2017, 16:42

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

Martovytskyi · #6 (**permalink**) 12.01.2017, 17:04

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

рони · #7 (**permalink**) 12.01.2017, 17:32

Martovytskyi,
не осилил

Martovytskyi · #8 (**permalink**) 12.01.2017, 20:47

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

Martovytskyi,
не осилил

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

рони · #9 (**permalink**) 12.01.2017, 21:07

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

Martovytskyi · #10 (**permalink**) 12.01.2017, 21:29

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

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

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

Форум

Справочник

Discord чат

Курсы javascript