Подскажите пожалуйста, как можно убрать первую опцию, а то стандартный disabled не работает в select2 и нигде толково не расписано. Хотя проблема банальная.
var cityPhone = $('#phone-data');
$('select').on('change', function() {
var optionSelected = $("option:selected", this);
cityPhone.text(optionSelected.data('phone'));
});
$(document).ready(function() {
$('.js-example-basic-single').select2();
});
$(document).on("mouseenter", ".select2-container", function(e) {
jQuery(this).prev('select').select2("open");
});
$(document).on("mouseleave", ".select2-container", function(e) {
if ($(e.toElement || e.relatedTarget).closest(".select2-container").length == 0) {
jQuery('select').select2("close");
}
});
Код HTML
<select name="city" class="city-areas top-panel-div-span js-example-basic-single" id="select-phones">
<option value="" hidden disabled selected>Салоны</option>
<option value="Москва" data-phone="+7 (495) 280-18-81">Москва</option>
<option value="Санкт-Петербург" data-phone="+7 (931) 361-09-81">Санкт-Петербург</option>
<option value="Краснодар" data-phone="+7 (938) 500-34-18">Краснодар</option>
</select></label></a></li>