Неактивная кнопка, в зависимости от select

[Voshal]

Приветствую.

Не силен в javascript, поэтому обращаюсь за помощью.

Есть форма

<form method="post" action="/" rel="666">
 *Пол:
  <select class="user_option" name="pol">
    <option rel="0" value="">Не определено</option>
    <option rel="0" value="2">мужской</option>
    <option rel="0" value="3">женский</option>
  </select>
  <input type="image" rel="" class="rega" title="Регистрация" alt="Регистрация" src="rega.gif" name="reg_but" />
</form>

Как сделать, чтобы пока человек не выберет пол, кнопка регистрация была неактивной, после выбора становилась активной. Если же пользователь снова выберет Не определено, то кнопка снова становится неактивной.

Причем по умолчанию пол должен быть Не определено.

Заранее благодарю за развернутый ответ.

 

[Miraage]

<form method="post" action="/" rel="666" onsubmit="var val = document.getElementById('sel1').value; if (val != 2 && val != 3) { return false; }">
 *Пол:
  <select id="sel1" class="user_option" name="pol">
    <option rel="0" value="-1" selected="selected">Не определено</option>
    <option rel="0" value="2">мужской</option>
    <option rel="0" value="3">женский</option>
  </select>
  <input type="image" rel="" class="rega" title="Регистрация" alt="Регистрация" src="rega.gif" name="reg_but" />
</form>

по идее так

 

[Voshal]

Спасибо
А можно как-то обойтись без id у элемента select
Есть возможность обратиться по классу?

А лучше чтобы у кнопки появлялся и исчезал атрибут отключения

 

[Miraage]

не стоит им пренебрегать. очень хороший параметр


насчет выключения кнопки - не ок, ибо можно document.forms[0].submit(); и какать на выключенную кнопку