сохранить значение по умолчанию в начальной загрузке

Я использую Bootstrap множественный выбор
мой код, как показано ниже,

<select id="data" name="data[]"  multiple="multiple">

<option value="100" <?php if($session == "1"){echo "selected";}?>>foo</option>
<option value="101" <?php if($session2 == "1"){echo "selected";}?>>bar</option>
<option value="102">bat</option>
<option value="103">baz</option>
</select>

$('#data').multiselect({
nonSelectedText: 'Select option',
onDropdownHide: function (event) {}
});

здесь у меня выбрано значение по умолчанию. При загрузке страницы отображается мое выбранное по умолчанию значение. Когда я выбираю другое значение (отличное от выбранного по умолчанию). мой «множественный выбор dropdown-toggle btn btn-default» это не добавляет новое значение с выбранным значением по умолчанию и переопределяет его новым значением, хотя флажки по-прежнему установлены.

и когда я получаю значение с

$("#data").val();

это только дает мне значение, которое недавно выбрано, но не дает мне значение, которое я выбрал по умолчанию. Я хочу, чтобы все проверенные значения из выпадающего списка, а также все проверенные значения должны отображаться в «множественный выбор выпадающего-переключателя BTN-BTN-default».

Может ли кто-нибудь помочь мне в этом? Я буду признателен за лучший ответ.