Как можно сбросить селект не только в атрибутах, но и визуально?

Question

[Александр]

Есть зависимые селекты.
Меняя значение в одном, в другом скрываються/показываются options-ы

нужно чтобы при изменении первого (на картинке - верхнего поля) сбрасывалось значение во втором, зависимом селекте

когда первый раз кликаешь, то нормально все отрабатывает, но когда потом меняешь значение первого селекта
во втором, ВИЗУАЛЬНО ситуация не меняется, но форма отправляет корректное значение

if (getType == 'air' || getType == 'train') {
                $('#select1').prop('selectedIndex', 0); //сбрасываем выбор у локаций
                $(getLocationBlock).show();
            } else {
                $(getLocations).find('option[data-type="'+ getType +'"]').prop("selected", true);
                $(getLocationBlock).hide();
            }

        hideLocations(getType, getLocations);

    function hideLocations(type, locations) {

        $(locations).children().each(function () {
            if ($(this).data('type') != type) {
                $(this).hide();
            } else {
                $(this).show();
            }

        });
    }

Answer 1

[ProjectSoft]

Попробуйте так.
Не менять аттрибут, а задавать значение. Либо удаляйте с начало аттрибут selected у всех option

if (getType == 'air' || getType == 'train') {
	$('#select1').prop('selectedIndex', 0); //сбрасываем выбор у локаций
	$(getLocationBlock).show();
} else {
	var val = $(getLocations).find('option[data-type="'+ getType +'"]').attr("value");
	$(getLocations).val(val);
	$(getLocationBlock).hide();
}

hideLocations(getType, getLocations);

function hideLocations(type, locations) {
	$(locations).children().each(function () {
		if ($(this).data('type') != type) {
			$(this).hide();
		} else {
			$(this).show();
		}
	});
}

Comments

[Александр]

вначале все атрибуьы удаляю $('#book_fromBook option').removeAttr("selected");
потом назначаю $('#book_fromBook').find('option').first().attr("selected","selected");
в коде - все великолепно, на скрине видно
а светиться старое значение

[ProjectSoft]

Александр: я же дал решение как установить. $(getLocations).val(val); C изменением аттрибутов косяки.

[Александр]

ProjectSoft: Спасибо большое за помощь
на самом деле проблема была в другом
там сторонний скрипт добавлял span, который и светился(типа это красиво :))
Vnukovo (VKO)
а с селектом, на самом деле все нормально

Answer 2

[Laid]

$(input).val("");

Comments

[Александр]

оно сбрасывает значение а не атрибут selected
проверил на всякий случай - не работает

[Laid]

Аа, нужно удалить selected. Так просто удалите атрибут этот: $(select option).removeAttr("selected");

[Александр]

stoik_kpd: ндя, спасибо, но не помогает

работает форма корректно, в смысле данные правильны отправляет, но визуально не меняется