Mam pewien problem.

Zrobiłem na stronie listę rozwijaną (wybór państwa).
Chciałbym, aby przy wyborze kraju "Polska" pojawiła się druga lista rozwijana z polskimi województwami.
Natomiast, gdy użytkownik wybierze "Chiny" - aby zamiast listy rozwijanej pojawiło się pole tekstowe do wpisania swojego regionu.

Ma ktoś pomysł jak to zrobić?

[HTML] pobierz, plaintext 
<select name="Panstwo" id="pan">
 
... options
 
</select> 
 
 
<select name="Wojewodztwo" id="woj">
 
... options
 
</select>
[HTML] pobierz, plaintext 

OnClick, OnSelect - jeśli chodzi o wybór oraz GetElementById - element, którego właściwości chcemy zmienić

Czy chodzi Ci o to: link

Dalej się męczę.
Takie coś naskrobałem do tej pory:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function sregion(){
if(document.getElementById('Country').options[document.getElementById('Country').selectedIndex].value =='Polska') {
	document.getElementById('pol').style.display='block';
	document.getElementById('int').style.display='none';
}else{ 
	document.getElementById('pol').style.display='none';
	document.getElementById('int').style.display='block';
}
</script>
 
<select name="Country" onChange="sregion()" >
 
.... optionsy - lista panstw
 
</select>
 
<div style="display: none" id="pol">
 
     ... tu wyswietl select z polskimi wojewodztwami
 
</div>
 
<div style="display: none" id="int">
 
     ... tu wyswietl inputa tekstowego
 
</div>
[HTML] pobierz, plaintext 

Ma ktoś pomysł jak to poprawnie zapisać, że jak wybiore z listy polskę to wyświetli warstwę
o id=pol, a dla pozostałych państw warstwę id=int ?