Ir para conteúdo

POWERED BY:

Arquivado

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

cidao1234

combobox dinamico

Por , em Javascript

Recommended Posts

cidao1234    0

cidao1234
Postado

Entonces...pessual...vou ter numa página um monte de combo... <SELECT name='"1"' size='1'> <OPTION value=1> a </OPTION> <OPTION value=2> b </OPTION> <OPTION value=3> c </OPTION> <OPTION value=4> d </OPTION> <OPTION value=5> e </OPTION></SELECT><SELECT name='"2"' size='1'> <OPTION value=1> a </OPTION> <OPTION value=2> b </OPTION> <OPTION value=3> c </OPTION> <OPTION value=4> d </OPTION> <OPTION value=5> e </OPTION></SELECT><SELECT name='"3"' size='1'> <OPTION value=1> a </OPTION> <OPTION value=2> b </OPTION> <OPTION value=3> c </OPTION> <OPTION value=4> d </OPTION> <OPTION value=5> e </OPTION></SELECT>Será que é possivel eu montar um java Script que faça o seguinte... se no primeiro select eu selecionar a opcao A no segundo e no terceiro select não terá a opção A?Sacaram oq eu queria fazer?Deve ser meio complicado... se alguem suber onde eu acho alguma coisa sobre como fazer algo assim, por favor me avisemvaleu pessoalboa noiteSamuel

Compartilhar este post

Link para o post
Compartilhar em outros sites

cidao1234    0

cidao1234
Postado

mas o f*** é que os selects vem de um loop q to fazendo dentro de um cfscript, tipo assim...while(rstColumns.next()) { strColumnName = rstColumns.getString("COLUMN_NAME").toUpperCase(); WriteOutput( " <tr> <td width='25%'>"& strColumnName &"</td> <td width='5%'> ---> </td> <td width='70%' align='left'> <SELECT name='"& strColumnName &"' size='1'> <OPTION value='IDPERSONSOURCE' > IDPERSONSOURCE </OPTION> <OPTION value='NMFIRST' > NMFIRST </OPTION> <OPTION value='DSADDRESS' > DSADDRESS </OPTION> <OPTION value='NBADDRESS' > NBADDRESS </OPTION> <OPTION value='DSCOMPLEMENT' > DSCOMPLEMENT </OPTION> <OPTION value='NMDISTRICT' > NMDISTRICT </OPTION> <OPTION value='DSCITY' > DSCITY </OPTION> <OPTION value='CDSTATE' > CDSTATE </OPTION> <OPTION value='NBPOSTALCODE' > NBPOSTALCODE </OPTION> <OPTION value='CDNIXIETYPE' > CDNIXIETYPE </OPTION> </SELECT> </td> </tr> " ); }Ai queria escluir o option q ja foi selecionado...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado 

<html><head><title>Com Com Com Commmmbo BREAKER!</title><script type="text/javascript">// value: texto (de cada select)var elements = { 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" };// nomeDoSelect: valorAtual (de cada select)var selects = { 1: 1, 2: 2, 3: 3 };function filter(field) {  if (field != null) selects[parseInt(field.id)] = document.getElementById(parseInt(field.id)).value;	  reset();		for (obj in selects)		for (others in selects)		  if (others != obj) {				var o = document.getElementById(others);							  for (var i = 0; i < o.length; i++)					if (o.options[i].value == selects[obj]) o.options[i] = null;			}}function reset() {  for (obj in selects) {	  document.getElementById(obj).length = 0;				for (ele in elements) {		var opt = document.createElement("option");			opt.value = ele;			opt.text = elements[ele];			if (ele == selects[obj]) opt.selected = true;			document.getElementById(obj).options.add(opt);		}	}}</script></head><body onLoad="filter()"><SELECT name="1" id="1" size="1" onChange="filter(this)"><OPTION value=1> a </OPTION><OPTION value=2> b </OPTION><OPTION value=3> c </OPTION><OPTION value=4> d </OPTION><OPTION value=5> e </OPTION></SELECT><SELECT name="2" id="2" size="1" onChange="filter(this)"><OPTION value=1> a </OPTION><OPTION value=2> b </OPTION><OPTION value=3> c </OPTION><OPTION value=4> d </OPTION><OPTION value=5> e </OPTION></SELECT><SELECT name="3" id="3" size="1" onChange="filter(this)"><OPTION value=1> a </OPTION><OPTION value=2> b </OPTION><OPTION value=3> c </OPTION><OPTION value=4> d </OPTION><OPTION value=5> e </OPTION></SELECT></body></html>

Dá uma olhada aí B)

 

F.

Compartilhar este post

Link para o post
Compartilhar em outros sites

cidao1234    0

cidao1234
Postado

Puxa cara! era isso mesmo que eu prePuxa cara era exatamento isso que eu precisava! Ajudou pra caramba! Valeu!So mais uma coisa... e se eu tivesse um option que fosse com valor nulo so rpa ter um inicial : por exemplo (Selecione)fiquei tentando fazer até funcionou, mas qnd eu seleciono um valor e depois volto pro "Seleciono" ele nao deixa eu selecionar nos outros selects oque eu ja tinha selecionado no outro antes de voltar para o Selecione...sabe?se der pra dar uma ajuda , por favor posta ainovamente, muito obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado 

<html><head><title>Com Com Com Commmmbo BREAKER!</title><script type="text/javascript">// value: texto (de cada select)var elements = { 0: "Selecione", 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" };// nomeDoSelect: valorAtual (de cada select)var selects = { 1: 0, 2: 0, 3: 0 };function filter(field) {  if (field != null) selects[parseInt(field.id)] = document.getElementById(parseInt(field.id)).value;	  reset();	  for (obj in selects)	for (others in selects)	  if (others != obj) {		var o = document.getElementById(others);						for (var i = 0; i < o.length; i++)		  if ( (o.options[i].value != 0) && (o.options[i].value == selects[obj]) ) o.options[i] = null;	  }}function reset() {  for (obj in selects) {	  document.getElementById(obj).length = 0;				for (ele in elements) {		var opt = document.createElement("option");			opt.value = ele;			opt.text = elements[ele];			if (ele == selects[obj]) opt.selected = true;			document.getElementById(obj).options.add(opt);		}	}}</script></head><body onLoad="filter()"><SELECT name="1" id="1" size="1" onChange="filter(this)"></SELECT><SELECT name="2" id="2" size="1" onChange="filter(this)"></SELECT><SELECT name="3" id="3" size="1" onChange="filter(this)"></SELECT></body></html>

Revisado.

 

F.

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