JQuery держать показать скрыть состояние в зависимости от выбора
У меня есть выпадающий выбор и показать скрыть другие поля (внутри divs) на основе опции, выбранной в раскрывающемся списке.
Этот код работает нормально и показывает скрытие на основе выбора, но когда я загружаю страницу, все поля видны.
Другое дело, например, если я хочу показать поля, если выбрана опция 2, и сохранить эту опцию в базе данных, и при перезагрузке страницы она не сохраняет состояние скрытия показа на основе выбранной опции.
HTML
Select Layout Type
layout_type1
layout_type2
layout_type3
layout_type4
layout_type5
layout_type6
layout_type7
layout_type8
Jquery
$('#row1_layout_options').change(function() {
$('#row1_col1_layout_type1, #row1_col1_layout_type2, #row1_col1_layout_type3').hide();
$('#row1_col1_' + $(this).val()).show();
});
Итак, как мне написать скрипт, в котором все поля скрыты при загрузке страницы, но он будет показывать состояние скрытия в зависимости от выбранной опции.