Jump to content


Má =)

Member Since 26/08/2009
Offline Last Active 28/08/2009, 16:10
-----

Topics I've Started

[resolvido]como Determinar Os Values

27/08/2009, 13:43

Olá pessoal

neste código:

<script>	
var combinacao1 = new Array('A','B','C');	
var combinacao2 = new Array('B','C');	
  
function teste(sl1_valor){	
  
switch(sl1_valor){	
case "X":	
add_option('sl2',combinacao1);	
break;	
case "Y":	
add_option('sl2',combinacao2);	
break;	
default:	
alert('escolha');	
break;	
  
}	
  
}	
  
function add_option( combo_name, arr_valores ){	
  
var combo = document.getElementById(combo_name);	
combo.innerHTML = "";	
for(var i=0; i< arr_valores.length;i++){	
var opt = document.createElement('option');	
opt.value = arr_valores[i];	
opt.innerHTML = arr_valores[i];	
combo.appendChild(opt);	
  
}	
  
}	
</script>	
  
  
<select id="sl1" onchange="teste(this.value);">	
<option value="">escolha</option>	
<option value="X">X</option>	
<option value="Y">Y</option>	
</select>	
  
<br>	
  
<select id="sl2"></select>


Como eu poderia determinar os values para os itens que serão formados pelo array ?

Explicando, vou escolher X ou Y no primeiro combo, que carregará o segundo, quero saber como determinar os values para as opções deste segundo combo, porque vou precisar submetê-los a outro formulário.

Grata.

Erro Na Validação De Combos

26/08/2009, 16:39

O que está errado neste código??

OBS: O combo de banco foi criado durante o evento onChange do combo de instância.

<html>
<head>
<script>

function instance_1(option1) {
								 var list_db1 = document.getElementById(option1)
												 if(document.form_comp_bd.list_instance1.value == option1){
												 document.getElementById('db_instance1').innerHTML = list_db1.innerHTML
												 }
}


function OraCompDataCheck() {
  
	var i;
  var inst1 = false;
  var inst2 = false;
	

  for (i = 1; i < document.form_comp_bd.list_instance1.options.length; i++){
	  if (document.form_comp_bd.list_instance1.options[i].selected == true) {
		  inst1 = true;
		  break;
	   }
  }

  for (i = 1; i < document.form_comp_bd.list_instance2.options.length; i++){
	   if (document.form_comp_bd.list_instance2.options[i].selected == true) {
		   inst2 = true;
		   break;
	   }
  }

	
	
	if ( ! (inst1 && inst2) ) {
	 alert ('Escolha duas intâncias para a comparação.');
	 return false;
  }

}
</script>

</head>
<body>

<h3><center>Comparação entre Bancos</center></h3>
<form name='form_comp_bd' action='ok.htm' method='post' onSubmit='return OraCompDataCheck()'>
<table align=center border=0>
<tr>
<td style="width:275px" align=center><b>INSTÂNCIA</b></td>
<td style="width:275px" align=center><b>INSTÂNCIA</b></td>
</tr>
<tr>
<td align="center" position=absolute>

<select name="list_instance1" style='width: 135pt' onChange="instance_1(this.value);">
<option value="">[Selecione uma instância]</option>
<option value="mamute10i1">mamute10i1</option>
<option value="condor10g2">condor10g2</option>
</select>

</td>
<td align="center">

<select name="list_instance2" style='width: 135pt'>
<option value="">[Selecione uma instância]</option>
<option value="dorado10i2">mamute10i1</option>
<option value="mamute10i2">condor10g2</option>
</select>

</td>
</tr>
</table>


<div id="mamute10i1" style="display:none;">
<option>[Selecione um banco]</option>
<option value="1">Instância 1 - BD 1</option>
<option value="2">Instância 1 - BD 2</option>
<option value="3">Instância 1 - BD 3</option>
<option value="4">Instância 1 - BD 4</option>
</div>

<div id="condor10g2" style="display:none;">
<option>[Selecione um banco]</option>
<option value="1">Instância 2 - BD 1</option>
<option value="2">Instância 2 - BD 2</option>
<option value="3">Instância 2 - BD 3</option>
<option value="4">Instância 2 - BD 4</option>
</div>


<table align=center border=0>
<tr>
<td style="width:275px" align=center><b>BANCO</b></td>
<td style="width:275px" align=center><b>BANCO</b></td>
</tr>
<tr>
<td align="center" position=absolute>

<select name='database1' size=3 style='width: 150pt'>
<div id="db_instance1"></div> 
</select>

</td>
<td align="center">

<select name='database2' size=3 style='width: 150pt'>

</select>

</td>
</tr>
</table>

<table align=center>
<tr>
<td>
<input type='submit' value='Enviar'>
</td>
</tr>
</table>

</form>
</body>
</html>

Quando escolho um itempara o primeiro combo INSTANCIA, ele deveria carregar o combo BANCO abaixo, mas dá este erro:

Linha: 8
Erro: 'document.getElementById(...)' é nulo ou não é um objeto

A linha 8 é : document.getElementById('db_instance1').innerHTML = list_db1.innerHTML


O que pode estar errado?!

Preenchimento De Combos

26/08/2009, 16:35

Olá pessoas

Gostaria de saber se é possível fazer uma coisa deste tipo:

Eu defino a estrutura de um combo:

<select name="nome_combo">

</select>

Que será preenchido segundo o resultado selecionado de outro combo...
E, ao selecionar uma opção deste primeiro combo, o segundo é preenchido com dados já pré-definidos em <div>


<div id="instance3" style="display:none;">
<option>[Selecione um banco]</option>
<option value="1">Instância 3 - BD 1</option>
<option value="2">Instância 3 - BD 2</option>
<option value="3">Instância 3 - BD 3</option>
<option value="4">Instância 3 - BD 4</option>
</div>


<div id="instance4" style="display:none;">
<option>[Selecione um banco]</option>
<option value="1">Instância 4 - BD 1</option>
<option value="2">Instância 4 - BD 2</option>
<option value="3">Instância 4 - BD 3</option>
<option value="4">Instância 4 - BD 4</option>
</div>

E depois "CHAMO" esta <div> na estrutura do combo já definido:

<select name="nome_combo">
<div id="instance3"></div>
</select>

É possível fazer isto?

IPB Skin By Virteq