Comboboxes Dinamicas ( Ajax )

[PapaGigas]

Boas,

Alguem com conhecimentos de Ajax que me possa ajudar a criar "comboboxes dinamicas" ( exemplo )?

PS - Preciso de criar um "configurador" semelhante ao do exemplo, mas sou um noob do caraças no que toca a esta matéria...

[Triple]

Ainda ontem tive de fazer uma cena igual para um cliente, e o cliente mandou-me essa pagina como exemplo também.

Epah é bastante facil, eu fiz o seguinte, colocas um formulario dentro de uma div (atribui um id a esta div) com as comboboxes todas vazias, tirando a da base do sistema que deve ter já Intel e AMD por defeito, depois utilizas o evento onchange do objecto, e colocas uma função que utilize XMLHttpRequest para enviar a opção escolhida na base para um file PHP (ou ASP) e retornar resposta listando na combobox do CPU todos os CPUs da loja com a base escolhida (Intel ou AMD) no que retornar a combobox dos CPUs também ja deve ter função para retornar motherboards do mesmo socket que o CPU escolhido e etc.

Boa sorte, qualquer coisa diz.

Cumps

[PapaGigas]

qualquer coisa diz.

Obrigado pela resposta, mas agradecia que (se não te importares) colocasses aqui o código de exemplo "com comentários"...

PS - Desta forma cria-se já uma especie de mini-tut visto que é um tema de grande procura (não sou o unico a ter este "problema", lol)...

[Triple]

Código: Seleccionar todos

function carregarConfiguradorField(field, value, base, cpu) {
   try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
         xmlhttp = false;
      }
   }
   
   if  (!xmlhttp && typeof  XMLHttpRequest != 'undefined' ) {
      try  {
         xmlhttp = new  XMLHttpRequest();
      } catch  (e) {
         xmlhttp = false ;
      }
   }
   xmlhttp.open("post", "./configurador.opts.php", true);
   var params = "field="+field+"&value="+value+"&base="+base+"&cpu="+cpu;
   xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   xmlhttp.setRequestHeader("Content-length", params.length);
   xmlhttp.setRequestHeader("Connection", "close");
   xmlhttp.send(params);
   xmlhttp.onreadystatechange = function(){
      document.getElementById('configurador').innerHTML = xmlhttp.responseText;
   }
}


Ai tens, essa função envia o valor escolhido na combox (value) e envia para o ficheiro configurador.opts.php que retorna as novas comboboxes sem ser necessário um reload da pagina, para destinguir os campos tens o variavel field e no evento onchange do CPU precisas de passar a base escolhida anteriormente e na motherboard o CPU escolhido anteriormente. Parametros CPU e base, opcionais.

Cumps

[Mr_coelho]

Método XMLHttpRequest: http://www.w3schools.com/xml/xml_http.asp