3 replies to this topic

[aboutblank]

é o seguinte, tenho um formulario com varios itens de computador.
quero o seguinte, tem um menu suspenso(select) para a pessoa escolher o tipo de processador, ai por exemplo o cara escolha P4, ai no campo abaixa(placa mae) gostaria que soh mostrasse as placas maes de P4..
como fazer isso galera????


valeu!

[Tullius]

Ta postando no lugar errado , isso e no forum de html, mas faz um add() ou um objeto option.

[Klaus]

Tipow cara, tem o select e cada option tem um value correto?

Quando o cara mudar o select, escolhendo o processador, você submete o formúlário para a própria página. Daí você pega o valor e faz um SELECT no db, exibindo no select do HTML.

[Balala]

Ow se preferir, existe em javascript para não precisar mover a página:

<script language="javascript">
var arrayData = new Array();
  arrayData[0] = 'P4|Nome da Placa Mãe|Valor para o Select';
  arrayData[1] = 'P4|Nome da Placa Mãe 2|Valor para o Select 2';
  arrayData[2] = 'P4|Nome da Placa Mãe 3|Valor para o Select 3';
  arrayData[3] = 'P4|Nome da Placa Mãe 4|Valor para o Select 4';
  arrayData[4] = 'AMD|Nome da Placa Mãe AMD|Valor para o Select AMD';
  arrayData[4] = 'AMD|Nome da Placa Mãe AMD 2|Valor para o Select AMD 2';
  arrayData[4] = 'AMD|Nome da Placa Mãe AMD 3|Valor para o Select AMD 3';

function populateData( name ) {

select = window.document.manutencao.codigo;
string = "";

count = 0;

select.options.length = count;

for( i = 0; i < arrayData.length; i++ ) {
  string = arrayData[i].split( "|" );
  if( string[0] == name ) {
  select.options[count++] = new Option( string[1], string[2] );
  }
}
}
</script>

Esse seria o script que faria os select, para adicionar mais sub-campos, é só ir aumentando o array. E abaixo seria os 2 select:

<select name="categoria" class="campos" style="width: 300" onChange='java script:populateData( this.options[selectedIndex].value )'>
<option value="P4">Pentium 4</option>
<option value="AMD">AMD Athlon</option>
</select>

<select name="codigo" class="campos" style="width: 300">
</select>