Prévia Do Select Concatenado C Prévia Do Textfield

tonkon · Janeiro 21, 2006

Olá pessoal! Estive pesquisando no google como fazer isso mas não achei nada que desse certo pois não entendo muito de javascript... Please uma help! Tenho 1 select com as marcas dos veículos, outro select com os modelos dos veículos e um textfield para a versão. Acontece que o select dos modelos é populado dinamicamente (sem post da página) ao clicar-se em uma das marcas. Isto é feito com o código javascript abaixo. O que eu queria era montar uma prévia (como este http://graythorne.bluwall.net/jspreview.html ) com javascript em uma div com MARCA (select) + MODELO (select) + VERSÃO (textfield).

Esse é o código que popula o select dos modelos do veículo:

<script language="JavaScript">
function atualizaModelos (form) {
ma = form.veiculo_marca_id
mo = form.veiculo_modelo_id
ve = form.veiculo_versao_id
switch (ma.options[ma.selectedIndex].value) {
case "1":
mo.length=0;
ve.length=0;
mo.options[0] = new Option("INTEGRA","1");
mo.options[1] = new Option("LEGEND","2");
mo.options[2] = new Option("NSX","6");
break;
case "2":
mo.length=0;
ve.length=0;
mo.options[0] = new Option("145","7");
mo.options[1] = new Option("147","11");
mo.options[2] = new Option("155","12");
break;
case "3":
mo.length=0;
ve.length=0;
break;
case "4":
mo.length=0;
ve.length=0;
break;
case "5":
mo.length=0;
ve.length=0;
mo.options[0] = new Option("A3","30");
mo.options[1] = new Option("A4","46");
mo.options[2] = new Option("A6","65");
mo.options[3] = new Option("S6","119");
mo.options[4] = new Option("TT","128");
break;
case "6":
mo.length=0;
ve.length=0;
mo.options[0] = new Option("318I","136");
break;
}}
</script>

Valeu pessoal!!!

fercosmig · Janeiro 24, 2006

opa! testado e funfando!

<script language="JavaScript" type="text/javascript">

</script>
</head>
<body>
<form name="form1">
<select name="marcas" id="mrc" onchange="modela();">
<option id="vazio" selected>Escolha</option>
<option value="vw" >VolksWagem</option>
<option value="ch">Chevrolet</option>
<option value="fd">Ford</option>
</select>
<select name="modelo" id="mdl" onchange="ver();"></select>
</form>

abraços

tonkon · Janeiro 24, 2006

E aí Fernando!

Muito obrigado pelo código, mas o que eu tava precisando na verdade era que o item do select (não value) aparecesse para o usuário em uma div na própria página num preview em tempo real.

Ex.: Quando fosse selecionado a marca aparecesse do lado no preview a marca CHEVROLET, depois quando ele escolhesse modelo "vectra", aparecesse CHEVROLET VECTRA e depois quando ele digitasse num textfield a versão "gls 2.0 mpfi", aparecesse no preview CHEVROLET VECTRA GLS 2.0 MPFI.

De qualquer forma obrigado!

Entrar

Prévia Do Select Concatenado C Prévia Do Textfield

Pergunta

tonkon

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

tonkon

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades