Lo que pides es complicado y da mucho trabajo y a medios pelos queda el tema.
Mira, en el momento de recargar una página o volver a llamarse a sí misma se pierden los valores javascript que se hubieran recogido.
Puedes poner un frame oculto que contenga javascript y actualizar o recargar sólo el frame donde tengas el formulario. Entonces podrías guardar los datos y variables en el frame de arriba pero yá te digo que es bastante trabajo.
Una alternativa que podrías usar es meter ambas listas desplegables en una página diferente y meterlas en un iframe en la página de tu formulario. En tu página del formulario puedes tener dos campos ocultos que tomen sus values de lo escogido en las desplegables, para así a la hora de enviar el form recoja también los valores de esas listas (que estarían en otra página).
Otra alternativa sería en el onChange cambiar la acción del formulario y que se llame a sí misma y al recargar recoger los valores del formulario y volver a crear la página agregando esos values recogidos.
Es decir, inicialmente tu form tiene su accion original
<form action="accion1">
esa sería la accion mientras no se toquen los desplegables.
al desplegable le pones un onChange="this.form.action=estamismapagina;this.fo rm.submit()"
Con eso haces un primer submit que va a la misma página que recoge los valores de la bd y además recoja los values del formulario y los vuelva a poner en su sitio.
Si ese primer select no se vuelve a tocar (se escoge algo del otro) la acción seguirá siendo la accion1 que finalmente será enviada a donde se tenga que enviar.
No sé si logré explicarme
