(Resolvido) ocultar select

[Nill]

tenho 2 select e gostaria de fazer o seguinte.

dependendo da opção que o user selecionar neste primeiro select eu tenho que filtrar no 2 select.

Ex. Se o user selecionar uma das 2 primeiras opção desse 1º select (Cancelados/Confirmados), no 2º select eu não posso exibir a opção Forma de Pagamento. E selecionar as 2 ultimas (Incritos/incritos-confitmados), ai tenho que exibir a opção forma de pagamento.

<select name=\"rel\" id=\"rel\" class=\"select_2\" 
  <option value=\"\">Selecione uma opção</option>
  <option value=\"0\">Cancelados</option>
  <option value=\"1\">Confirmados</option>
  <option value=\"2\">Inscritos</option>
  <option value=\"3\">Inscritos / Confirmados</option>
</select>

<select name=\"tipo\" id=\"tipo\" class=\"select_2\">
    <option value=\"\">Selecione uma opção</option>
    <option value=\"formapagto\" id=\"formapagto\">Forma de Pagamento</option>
    <option value=\"gpsanguineo\">Grupo Sanguíneo</option>
    <option value=\"disciplina\">Língua Estrangeira</option>
    .
    .
    .
    <option value=\"sexo\">Sexo</option>         
</select>

Deu pra entender, tentei usar onChange mas não deu certo. Funcionou somente no Firefox, não rodou no IE. Ficou assim.

<tr>
        <td align=\"right\">
          <label class=\"letra_1\"><b>*&nbsp;Status:&nbsp;</b></label>
        </td>
        <td align=\"left\">
          <select name=\"rel\" id=\"rel\" class=\"select_2\" 
          onChange=\"if (this.value == 0 || this.value == 1)
                     {
                       $('#formapagto').attr('disabled', false);
                       $('#tipo0').attr('selected', true);
                     }
                     
                     else
                     {
                       $('#formapagto').attr('disabled', true);
                       $('#tipo0').attr('selected', true);
                     }\">
             <option value=\"\">Selecione uma op&ccedil;&atilde;o</option>
            
             <option value=\"0\">Cancelados</option>
             <option value=\"1\">Confirmados</option>
             <option value=\"2\">Inscritos</option>
             <option value=\"3\">Inscritos / Confirmados</option>
             
          </select>
             <img name=\"imagem_erro\" id=\"imagem_erro_rel\" class=\"imagem_erro\" src=\"imagens/erro.gif\">
        </td>
      </tr>
      
      <tr>
        <td align=\"right\">
          <label class=\"letra_1\"><b>*&nbsp;Tipo:&nbsp;</b></label>
        </td>
        <td align=\"left\">
          <select name=\"tipo\" id=\"tipo\" class=\"select_2\">
             <option value=\"\" id=\"tipo0\">Selecione uma op&ccedil;&atilde;o</option>
=             <option value=\"cidade\">Cidade</option>
             <option value=\"cor\">Cor</option>
             <option value=\"curso\">Curso</option>
             <option value=\"escola\">Escola</option>
             <option value=\"estadocivil\">Estado Civ&iacute;l</option>
             <option value=\"formapagto\" id=\"formapagto\">Forma de Pagamento</option>
             <option value=\"gpsanguineo\">Grupo Sangu&iacute;neo</option>
             <option value=\"disciplina\">L&iacute;ngua Estrangeira</option>
             <option value=\"localinscricao\">Local de Inscri&ccedil;&atilde;o</option>
             <option value=\"orgaoemissor\">&Oacute;rgao Emissor</option>
             <option value=\"nacionalidade\">Pa&iacute;s</option>
             <option value=\"raca\">Ra&ccedil;a</option>
             <option value=\"religiao\">Religi&atilde;o</option>
             <option value=\"sexo\">Sexo</option>
          </select>
             <img name=\"imagem_erro\" id=\"imagem_erro_tipo\" class=\"imagem_erro\" src=\"imagens/erro.gif\">

        </td>
      </tr>

aguém pode me da uma ajudar nessa

Editado Julho 8, 2008 por Nill

[Nill]

Vlw ai pessoal, conseguir fazer depois de muinta consulta.

<select name=\"rel\" id=\"rel\" class=\"select_2\" 
          onChange=\"var num_formapagto = $('#formapagto').size();
                     if (this.value == 2 || this.value == 3
                     )
                     {
                       if (num_formapagto == 1)
                       {
                         $('#formapagto').remove();
                       }    
                     }
                     
                     else
                     {    
                       if (num_formapagto == 0)
                       {  
                         $('#aux').before('<option value=formapagto id=formapagto>Forma de Pagamento</option>');
                       }
                     }
                     \"> 
             <option value=\"\">Selecione uma op&ccedil;&atilde;o</option>
             <option value=\"0\">Cancelados</option>
             <option value=\"1\">Confirmados</option>
             <option value=\"2\">Inscritos</option>
             <option value=\"3\">Inscritos / Confirmados</option>