<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function() {
$('[name="form"] select').change(function() {
$(this).next('select').removeAttr('disabled').find('option').eq(this.selectedIndex-1).show(1, function() {
$(this).attr('selected', '');
}).siblings().hide();
});
});
</script>
<form name="form">
<select>
<option value="0" selected="">-- выберите --</option>
<option value="1">Россия</option>
<option value="2">Украина</option>
</select>
<select disabled="">
<option value="1">Челябинск</option>
<option value="2">Севастополь</option>
</select>
</form>
|