Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

leooizepi

combobox dinamico

Por , em Javascript

Recommended Posts

leooizepi    1

leooizepi
Postado

galeraa.. essa eu nem sei por onde começar... mais vamos la..

 

tenho uma consulta q listo funcionarios.... em cada registro de funcionario vou ter um combobox q vai listar CARGOS DISPONIVEIS, por exemplo:

 

cargos disponiveis: CODIGO DA VAGA - NOME DO CARGO

<select id=cargo_disponivel>

<option value='1'>1 - Programador</option>

<option value='2'>2 - Programador</option>

<option value='3'>3 - Programador</option>

<option value='4'>4 - Suporte</option>

<option value='5'>5 - Suporte</option>

</select>

beleza.. ai esta os cargos disponiveis q eu tenho... ai por exemplo.. tem 5 funcionarios... vai mostrar os 5 funcionarios... e vai ter o combobox com essas vagas disponiveis...

Quando o usuario selecionar uma vaga disponivel.. eu preciso q retire dos outros combobox a opçao selecionada.. por exemplo:

 

usuario escolheu: 2 - Programador... qro fica assim o combo dos outros funcionarios:

<select id=cargo_disponivel>

<option value='1'>1 - Programador</option>

<option value='3'>3 - Programador</option>

<option value='4'>4 - Suporte</option>

<option value='5'>5 - Suporte</option>

</select>

 

valeu galera.. abraço!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Você quer que, dependendo de um dropdown selecionado o outro apresente valores correspondentes? Se esta for a sua dúvida, procure no forúm de ajax pois é um assunto muito discutido por lá.

Compartilhar este post

Link para o post
Compartilhar em outros sites

leooizepi    1

leooizepi
Postado

nao.. todos combobox ao carregar a pagina.. vaum estar exatamente iguais...

e ao selecionar uma opção.. qro tira-la dos outros combobox!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Entendi!

Criei esta função básica, não sei nem se funciona (não cheguei a testar olha ai) mas já ted á uma ideia de o que procurar (caso não funicone heheh0

 

removeByValue(id, value){
	var item = document.getElementById(id);
	for(x = 0;x < item.options.length;item++){
		if(item.options[x].value == value)
			item.options[x].parentNode.removeNode(item.options[x]);
	}	
}

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

leooizepi    1

leooizepi
Postado

nao deu erro.. mais tb nao funciono... vou passar o script q eu to usando no combo

 

e tem um for q nao colokei.. pra nao ficar extenso o codigo.. mais eu tenho q usar!!

<select class="style1" name="cargo_<? echo $j; ?>" id="cargo_<? echo $j; ?>" onChange="removeByValue(this.id,this.value)">

<option value="0">---- Selecione ----</option>

<? for($y=0; $y < $num_vagas; $y++) { ?>

<option value="<? echo mysql_result($sql_result_vagas,$y,"VG_COD"); ?>">

<? echo mysql_result($sql_result_vagas,$y,"VG_COD")." - ".mysql_result($sql_result_vagas,$y,"VG_CARGO"); ?></option>

<? } ?>

</select>

abraço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Hoje com mais calma, fiz algo que realmente funcione:

Testa ai e vê se é o que você precisa:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Form Imasters - Javascript</title>
	</head>
	<script type="text/javascript">
	function removeByValue(id, value){
	var item = document.getElementById(id);
		for(x = 0;x < item.options.length;x++){
		if(item.options[x].value == value)
			item.options[x].parentNode.removeChild(item.options[x]);
		}    
	}
	function cargos_onChange(sender){
		var value = sender.options[sender.selectedIndex].value;
		removeByValue('cargo_disponivel', value);
	}
	</script>
<body>
	<select id="cargos" onChange="cargos_onChange(this)">
		<option value='1'>1 - Programador</option>
		<option value='2'>2 - Programador</option>
		<option value='3'>3 - Programador</option>
		<option value='4'>4 - Suporte</option>
		<option value='5'>5 - Suporte</option>
	</select>

	<select id="cargo_disponivel">
		<option value='1'>1 - Programador</option>
		<option value='3'>3 - Programador</option>
		<option value='4'>4 - Suporte</option>
		<option value='5'>5 - Suporte</option>
	</select>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

leooizepi    1

leooizepi
Postado

mais ou menos isso.. soh que.. tem q começar sem nada.. o usuario pode nao escolher nenhum..

e tem o seguinte.. se o usuario escolher opção 3.. vai sumir do outro combo neh... ai ele nao qr mais a opçao 3... ou nenhuma mais opçao... tem q voltar as opções no outro combo!!

 

tendeu?

 

abraço. valeu pela força!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito