How to clear select multiple field?

Question

JavaScript

<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");

The checkbox (choice) is removed from the values, but the selected options are still visually displayed. I'm using Bottstrap 3 version.

Answer 1

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

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