Postagens
Não informado
Olá,
Achei um script que faz o que preciso, so que tem um problema:
o script ao ser efectuada uma escolha abre alguns campos, ao ser efectuada uma escolha maior ele abre mais campos, deixando os anteriores abertos. O que preciso é que o script abre um determinado tipo de campos para uma opção, e outro tipo de campo para outra opção.
Obrigada
******
<head>
<script language="JavaScript">
function ShowMenu(num, menu, max)
{//starting at one, loop through until the number chosen by the user
for(i = 1; i <= num; i++){
//add number onto end of menu
var menu2 = menu + i;
//change visibility to block, or 'visible'
document.getElementById(menu2).style.display = 'block'; }
//make a number one more than the number inputed
var num2 = num;
num2++;
//hide menus if the viewer selects a number lower
//this will hide every number between the selected number and the maximum
//ex. if 3 is selected, hide the <div> cells for 4, 5, and 6
//loop until max is reached
while(num2 <= max){
var menu3 = menu + num2;
//hide
document.getElementById(menu3).style.display = 'none';
//add one to loop
num2=num2+1; } }
</script>
</head>
<body>
<select name="select" id='servico'
onChange="javscript: ShowMenu(document.getElementById('servico').value,'serv', 6);">
<option value='0'>Escolha o Serviço pretendido
<option value='1'>Pneus
<option value='2'>Jantes
<option value='3'>Calibragem de Rodas
<option value='4'>Alinhamento de Direcções
<option value='5'>Concertos de Furos
<option value='6'>Outros
</select></p>
</font><font face="Verdana, Arial, Helvetica, sans-serif">
<div id='serv1' style="display: none;">
<p><font color="#000000" size="2"> <strong>Pneus - Por favor preencha os campos
abaixo:</strong> <br>
Marca Veiculo
<input name="marcavei" type="text" id="marcavei" value="Marca Veiculo">
Modelo Veiculo
<input name="modveic" type="text" id="modveic" value="Modelo Veiculo">
</font><br>
<font color="#000000" size="2">Marca do Pneu
<input name="marcpn" type="text" id="marcpn" value="Marca Pneu">
Medida do Pneu
<input name="medpneu" type="text" id="medpneu" value="Medida Pneu">
<br>
</font>
</div>
<div id='serv2' style="display: none;">
<p><strong><font color="#000000" size="2"> Jantes - Por favor preencha os
campos abaixo:</font></strong><font color="#000000" size="2"> <br>
</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Marca
Veiculo</font><font color="#000000" size="2">
<input name="marcavei" type="text" id="marcavei" value="Marca Veiculo">
</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Modelo
Veiculo</font><font color="#000000" size="2">
<input name="modveic" type="text" id="modveic" value="Modelo Veiculo">
</font>
<br>
<font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Marca
da Jante</font>
<input name="marcpn" type="text" id="marcpn" value="Marca Jante">
<font face="Verdana, Arial, Helvetica, sans-serif">Medida da Jante</font>
<input name="medpneu" type="text" id="medpneu" value="Medida Jante">
</font></p>
</div>
</font>
<div id='serv3' style="display: none;"></div>
<div id='serv4' style="display: none;"> </div>
<div id='serv5' style="display: none;"> </div>
<div id='serv6' style="display: none;">
<p><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Outros
Serviços - Por favor discrimine:</font></strong>
<br> <font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
<textarea name="outros" cols="75" rows="2" id="outros"></textarea>
</font> </p>
</body>
</html>
