Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #59 da revista programar. Faz já o download aqui!

jose123456

ajuda com selectbox

Mensagens Recomendadas

jose123456    0
jose123456

Ola

Tenho um formulario com 2 select box com as mesmas opçoes

ao selecionar uma opçao na 1ª selectbox essa não devia aparecer na 2ª selectbox

há alguma maneira de fazer isso ou outra forma de fazer isto

Desde já Obrigado!

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
jose123456    0
jose123456

<div class="modal-body">

<form id="form1" name="form1" method="post" action="salvaropcoes.php?id=<?php echo $row["AlunoID"]; ?>">

<table width="400" border="0" align="center">

<tr>

<td width="1">Opcao1:</td>

<td><select name="op1">

<option value="0" selected disabled>Selecionar...</option>

<option value="Técnico/a de Contabilidade">Técnico/a de Contabilidade </option>

<option value="Técnico/a de Eletrotecnia">Técnico/a de Eletrotecnia</option>

<option value="Técnico/a de Gestão e Programação de Sistemas Informáticos">Técnico/a de Gestão e Programação de Sistemas Informáticos</option>

<option value="Técnico Instalador de Sistemas Solares Fotovoltaicos ">Técnico Instalador de Sistemas Solares Fotovoltaicos </option>

<option value="Técnico de Manutenção Industrial/Eletromecânica">Técnico de Manutenção Industrial/Eletromecânica </option>

<option value="Técnico/a de Multimédia">Técnico/a de Multimédia</option>

</select></td>

</tr>

<tr>

<td width="1">Opcao2:</td>

<td><select name="op2">

<option value="0" selected disabled>Selecionar...</option>

<option value="Técnico/a de Contabilidade">Técnico/a de Contabilidade </option>

<option value="Técnico/a de Eletrotecnia">Técnico/a de Eletrotecnia</option>

<option value="Técnico/a de Gestão e Programação de Sistemas Informáticos">Técnico/a de Gestão e Programação de Sistemas Informáticos</option>

<option value="Técnico Instalador de Sistemas Solares Fotovoltaicos ">Técnico Instalador de Sistemas Solares Fotovoltaicos </option>

<option value="Técnico de Manutenção Industrial/Eletromecânica">Técnico de Manutenção Industrial/Eletromecânica </option>

<option value="Técnico/a de Multimédia">Técnico/a de Multimédia</option>

</select></td>

</tr>

<tr>

<td width="1">Opcao3:</td>

<td><select name="op3">

<option value="0" selected disabled>Selecionar...</option>

<option value="Técnico/a de Contabilidade">Técnico/a de Contabilidade </option>

<option value="Técnico/a de Eletrotecnia">Técnico/a de Eletrotecnia</option>

<option value="Técnico/a de Gestão e Programação de Sistemas Informáticos">Técnico/a de Gestão e Programação de Sistemas Informáticos</option>

<option value="Técnico Instalador de Sistemas Solares Fotovoltaicos ">Técnico Instalador de Sistemas Solares Fotovoltaicos </option>

<option value="Técnico de Manutenção Industrial/Eletromecânica">Técnico de Manutenção Industrial/Eletromecânica </option>

<option value="Técnico/a de Multimédia">Técnico/a de Multimédia</option>

</select></td>

</tr>

<tr>

<td width="1">Opcao4:</td>

<td><select name="op4">

<option value="0" selected disabled>Selecionar...</option>

<option value="Técnico/a de Contabilidade">Técnico/a de Contabilidade </option>

<option value="Técnico/a de Eletrotecnia">Técnico/a de Eletrotecnia</option>

<option value="Técnico/a de Gestão e Programação de Sistemas Informáticos">Técnico/a de Gestão e Programação de Sistemas Informáticos</option>

<option value="Técnico Instalador de Sistemas Solares Fotovoltaicos ">Técnico Instalador de Sistemas Solares Fotovoltaicos </option>

<option value="Técnico de Manutenção Industrial/Eletromecânica">Técnico de Manutenção Industrial/Eletromecânica </option>

<option value="Técnico/a de Multimédia">Técnico/a de Multimédia</option>

</select></td>

</tr>

<tr>

<td width="1">Opcao5:</td>

<td><select name="op5">

<option value="0" selected disabled>Selecionar...</option>

<option value="Técnico/a de Contabilidade">Técnico/a de Contabilidade </option>

<option value="Técnico/a de Eletrotecnia">Técnico/a de Eletrotecnia</option>

<option value="Técnico/a de Gestão e Programação de Sistemas Informáticos">Técnico/a de Gestão e Programação de Sistemas Informáticos</option>

<option value="Técnico Instalador de Sistemas Solares Fotovoltaicos ">Técnico Instalador de Sistemas Solares Fotovoltaicos </option>

<option value="Técnico de Manutenção Industrial/Eletromecânica">Técnico de Manutenção Industrial/Eletromecânica </option>

<option value="Técnico/a de Multimédia">Técnico/a de Multimédia</option>

</select></td>

</tr>

<tr>

<td width="1">Opcao6:</td>

<td><select name="op6">

<option value="0" selected disabled>Selecionar...</option>

<option value="Técnico/a de Contabilidade">Técnico/a de Contabilidade </option>

<option value="Técnico/a de Eletrotecnia">Técnico/a de Eletrotecnia</option>

<option value="Técnico/a de Gestão e Programação de Sistemas Informáticos">Técnico/a de Gestão e Programação de Sistemas Informáticos</option>

<option value="Técnico Instalador de Sistemas Solares Fotovoltaicos ">Técnico Instalador de Sistemas Solares Fotovoltaicos </option>

<option value="Técnico de Manutenção Industrial/Eletromecânica">Técnico de Manutenção Industrial/Eletromecânica </option>

<option value="Técnico/a de Multimédia">Técnico/a de Multimédia</option>

</select></td>

</tr>

<tr>

<td><input type="submit" name="submit" value="Salvar"></td>

</tr>

</table>

</form>

<p class="debug-url"></p>

</div>

eu queria que ao selecionar uma opção na primeira ela fosse ocultada na segunda e por ai adiante

Desde já Obrigado pela sua atenção!

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiago.f    20
tiago.f

Oi,

usando javascript, atribuis uma funçao ao evento onchange de cada select.

<select name="op1" onchange="aMinhaFuncao">

Nessa função, para cada outro select, percorres as opções e desactivas a que foi selecionada.

aMinhaFuncao(e) {
   var select=document.getElementByName('op2')[0];
   for (i=0;i<select.length; i++) {
       select.options[i].disabled = false; //activar todos
       if (select.options[i].value==e.target.value) {
           select.options[i].disabled = true; // desactivar o repetido
       }
   }
}

Repete para os outros selects...

ps: não testei nada disto

Editado por tiago.f

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.