Как очистить поле select multiple?

Question

[BuBux]

<select id="direction" class="selectpicker form-control" name="direction[]" data-width="100%" multiple>
    <?php foreach ($directions as $direction): ?>
        <option value="<?=$direction['ID']?>" <?= isset($saved_direction) && in_array($direction['ID'], $saved_direction) ? 'selected':'' ?> <?= (!isset($saved_direction)) && in_array($direction['ID'], $s_dr) ? 'selected':'' ?>>
            <?php echo $direction['NAME']; ?>
        </option>
    <?php endforeach; ?>
</select>

$("#direction").val('default');
$("#direction").selectpicker("refresh");

Со значений галки(выбор) снимается, но визуально все равно отображаются выбранные option`ы. Использую Bottstrap 3 версии.

Answer 1

[Stalker_RED]

$('.selectpicker').selectpicker('deselectAll');

$('.selectpicker').selectpicker('val', ''); // если не сработает, попробуйте так

Comments

[BuBux]

Не работает. Даже галки не снимает.

[BuBux]

Stalker_RED , выдает ошибку в консоль: Uncaught TypeError: $(...).selectpicker is not a function

[BuBux]

Ошибка была в подключении библиотек. В футере я подключаю библиотеку bootstrap-select.min.js и ещё одна из библиотек lightbox-plus-jquery.min.js. И получается если я комментирую подключение lightbox-plus-jquery.min.js, то всё корректно работает. Если lightbox-plus-jquery.min.js подключаю раньше или позже bootstrap-select.min.js, то не работает. Не знаете как можно решить это? Понимаю, что данный вопрос выходит не много за рамки поставленной в теме задачи

[Rustam Bainazarov]

BuBux, отметьте ответ решением.