HTML+CSS+JavaScript

Как сделать, чтобы при выборе одного значения из выпадающего списка1, автоматически менялись значения в выпадающем списке2??? или как в select присвоить новые значения options, или может быть есть возможность скрыть не испоьзуемые поля для данного значения из списка1.
Заранее спасибо за помощь.

Вообще-то красиво это делается при помощи Ajax.

Но если попроще и без перегрузки страницы, то что то типа этого

<script language="JavaScript">
function showGroup(obj) {
if(obj.value == 'group1') {
document.getElementById('group1').style.display = 'inline';
document.getElementById('group2').style.display = 'none';
document.getElementById('group3').style.display = 'none';
} else
if(obj.value == 'group2') {
document.getElementById('group2').style.display = 'inline';
document.getElementById('group1').style.display = 'none';
document.getElementById('group3').style.display = 'none';
} else
if(obj.value == 'group3') {
document.getElementById('group3').style.display = 'inline';
document.getElementById('group1').style.display = 'none';
document.getElementById('group2').style.display = 'none';
}
}
</script>

<select name="group" onChange="showGroup(this)">
<option value="group1">group1
<option value="group2">group2
<option value="group3">group3
</select>



<select name="value">
<div id="group1" style="display:inline">
<option value="val1">val1
<option value="val2">val2
</div>
<div id="group2" style="display:none">
<option value="val3">val3
<option value="val4">val4
</div>
<div id="group3" style="display:none">
<option value="val5">val5
<option value="val6">val6
</div>
</select>

Конечно, кривовато малость, но разберешься как сделать лучше :-).