Выпадающий список
 

Здравствуйте!

Есть два выпадающих списка, один видимый, а второй нет:

<select name='1' onClick="show_flag(this.value);">
<option value='0'>Показывать всем</option>
<option value='1'>Австралия</option>
<option value='2'>Австрия</option>
<option value='3'>Азербайджан</option>
<option value='4'>Аландские острова</option>
<option value='5'>Албания</option>
</select>

<select name='2' id='gorod' onClick="show_flag(this.value);" style='visibility: hidden'>
<option value='0'>sdsd</option>
<option value='1'>sdfggg</option>
<option value='2'>смимси</option>
<option value='3'>смисми</option>
<option value='4'>вапвап</option>
<option value='5'>вапвапвапап</option>
</select>

Я хочу сделать, чтобы когда в первом списке выбрали третие значение, то второй список делался бы видимым!

Сделал такую функцию :

<script type='text/javascript'>
function show_flag(sel) {
if (sel = '3') {
document.getElementById('gorod').style.visibility = 'visible';
}
}
</script>

НО она делает видимым второй список, сразу после клика на первый. т.е. при любом значении показывает второй.

Пожалуйста, Помогите!

это присваивание
if (sel = '3') {
а это сравнение
if (sel == '3') {