HTML+CSS+JavaScript

Суть проблемы:
Пользователь заполняет форму.
При выборе в первом списке - ajax подгружает второй список

document.getElementById('response').innerHTML=resp;

содержание resp:

<select><option>1</option>...<option>N</option></select>

НО, если один из параметров формы введен некорректно - страница обновляется и поле из сформированных ajax-ом пропадает.
Как сделать так чтобы выбор в этом поле сохранялся и поле не исчезало?

PHP-скрипт, указанный в action формы, который проверяет корректность заполнения формы после сабмита формы - он ведь из полученных данных формы ПОЛНОСТЬЮ "в курсе" - какие элементы на странице уже были подгружены и что в этих подгруженных элементах было выбрано.
Поэтому именно этот PHP-скрипт и должен не просто ТУПО обновлять страницу с формой, а формировать новую - СРАЗУ с уже подгруженными элементами и с отмеченным в них выбором.

Именно ТАК работают все ПРОФЕССИОНАЛЬНЫЕ системы, которые, например, проверяют правильность заполнения формы при регистрациях и возвращают юзеру форму для исправления
Так что "включайте мозги" и дорабатывайте PHP-скрипт.


Подключать здесь возможности Javascript'a - например, запоминать "предсабмитное" состяние формы в куках, а потом, прочитывая куки, подгружать заново элементы, кои были уже подгружены и отмечать в них выбранные ранее опшены - это как искать под столом упавший гривенник, подсвечивая себе зажжённой сторублёвкой...

Или вы хотите здесь получить "волшебную палочку", при взмахе которой всё и сразу будет таковым, как вам надо?
Так не бывает :-)