Опция выбора автозагрузки всегда выбрана

Question

Мне нужно, чтобы опция x всегда была выбрана внутри выбранного. (Отключите отмена выбора для этой опции).

здесь мой текущий код шаблона

<select multiple="multiple" data-size="5" data-max-options="10" class="selectpicker multi-select" name="brand">
    <option value="x" >X</option>
    <option value="y" >Y</option>    
</select>

Желаемый вывод: опция X должнабыть обязательным / всегда выбранным / не может быть отменен.

Answer 1

EDITED.

Добавление выбранных и отключенных атрибутов HTML:

Добавление выбранных и отключенных атрибутов работает не во всех браузерах.Вы можете достичь этого только с помощью javascript, добавив прослушиватель событий при изменении элемента <select>.

Код в javascript:

document.querySelector("[name='brand']").addEventListener('change', function() { 
    document.querySelector("[name='brand'] option[value='x']").selected = true;
});

Вот рабочий пример на codepen: Множественный выбор обязательной опции