Campos interligados

[Augusto Flávio]

Boa noite pessoal,

Preciso de um formulario com campos semelhantes aos das lojas, onde após escolher a marca de um produto, tenho a opção de escolher o modelo deste mesmo produto

Augusto Flávio

Editado Julho 18, 2009 por Jonathan Queiroz
Não são permitidos títulos em caixa alta (Jonathan)

[Jonathan Queiroz]

Mas de onde vem esses valores ?

De um BD ?

Se for isso, utilize AJAX

Existem alguns exemplos no Repositório de Scripts

[Augusto Flávio]

Oi amigo, Obrigao pela atenção.

São poucos dados, inclusive pode até ficar no códifo fonte. não precisa de BD.

Augusto Flávio

ps verificar sua sugestao de site.

[Augusto Flávio]

Achei um modelo, muito obrigado pela atenção.

Mas de onde vem esses valores ?

De um BD ?

Se for isso, utilize AJAX

Existem alguns exemplos no Repositório de Scripts

[Jonathan Queiroz]

Nesse caso você pode fazer algo +/- assim:

//variáveis
var marcas=[]
var sel_marca=document.getElementById("sel_marca")
var sel_modelo=document.getElementById("sel_modelo")
//função para add marcas
function addMarca(n){
var i=marcas.length
marcas[i]["nome"]=n
marcas[i]["modelos"]=[]
return i
}
//função para add modelos
function addModelo(marca,nome_modelo){
var i=marcas[marca]["modelos"].length
marcas[marca]["modelos"][i]=nome_modelo
}
//add as marcas/modelos
var marca_atual=addMarca("Marca 1")
addModelo(marca_atual,"Modelo I da marca 1")
addModelo(marca_atual,"Modelo II da marca 1")
addModelo(marca_atual,"Modelo III da marca 1")
var marca_atual=addMarca("Marca 2")
addModelo(marca_atual,"Modelo I da marca 2")
addModelo(marca_atual,"Modelo II da marca 2")
addModelo(marca_atual,"Modelo III da marca 2")
//gera o select
sel_marcas.innerHTML=""
for(var i=0;i<marcas.length;i++){
var marca=document.createElement("option")
marca.value=i
marca.innerText=marcas[i]["nome"]
sel_marcas.appendChild(marca)
}
//quando a opção for modificada
sel_marcas.onchange=function(){
var marca=marcas[this.value]
sel_modelo.innerHTML=""
for(var i=0;i<marca["modelos"].length){
var modelo=document.createElement("option")
modelo.value=i
modelo.innerText=marca["modelos"][i]
sel_modelo.appendChild(modelo)
}
}

Obs.:

Não cheguei a testar, mas deve funcionar

[Augusto Flávio]

Nesse caso você pode fazer algo +/- assim:

//variáveis
var marcas=[]
var sel_marca=document.getElementById("sel_marca")
var sel_modelo=document.getElementById("sel_modelo")
//função para add marcas
function addMarca(n){
var i=marcas.length
marcas[i]["nome"]=n
marcas[i]["modelos"]=[]
return i
}
//função para add modelos
function addModelo(marca,nome_modelo){
var i=marcas[marca]["modelos"].length
marcas[marca]["modelos"][i]=nome_modelo
}
//add as marcas/modelos
var marca_atual=addMarca("Marca 1")
addModelo(marca_atual,"Modelo I da marca 1")
addModelo(marca_atual,"Modelo II da marca 1")
addModelo(marca_atual,"Modelo III da marca 1")
var marca_atual=addMarca("Marca 2")
addModelo(marca_atual,"Modelo I da marca 2")
addModelo(marca_atual,"Modelo II da marca 2")
addModelo(marca_atual,"Modelo III da marca 2")
//gera o select
sel_marcas.innerHTML=""
for(var i=0;i<marcas.length;i++){
var marca=document.createElement("option")
marca.value=i
marca.innerText=marcas[i]["nome"]
sel_marcas.appendChild(marca)
}
//quando a opção for modificada
sel_marcas.onchange=function(){
var marca=marcas[this.value]
sel_modelo.innerHTML=""
for(var i=0;i<marca["modelos"].length){
var modelo=document.createElement("option")
modelo.value=i
modelo.innerText=marca["modelos"][i]
sel_modelo.appendChild(modelo)
}
}

Obs.:

Não cheguei a testar, mas deve funcionar

[Jonathan Queiroz]

O que seria esse quote em branco ?

Funcionou ?