Boas!
Tenho o meu form feito em html e php.
Funciona tudo certinho, mas preciso fazer uma alteração.
O tipo de letra romano só aceita as medidas 2cm, 3cm e o tipo de letra rustica só aceita as medidas 1,5cm 3cm.
Ou seja, quando eu seleciono por exemplo tipo de letra romano, à frente na escolha das medidas só devem aparecer as correspondentes e não todas as medidas.
Como posso fazer isto? A minha experiência com Javascript e Jquery não é muita...
Exemplo em imagem: https://www.dropbox.com/s/7ysplz3wb5ex21i/exemplo.jpg?dl=0
Código (HTML):
Tenho o meu form feito em html e php.
Funciona tudo certinho, mas preciso fazer uma alteração.
O tipo de letra romano só aceita as medidas 2cm, 3cm e o tipo de letra rustica só aceita as medidas 1,5cm 3cm.
Ou seja, quando eu seleciono por exemplo tipo de letra romano, à frente na escolha das medidas só devem aparecer as correspondentes e não todas as medidas.
Como posso fazer isto? A minha experiência com Javascript e Jquery não é muita...
Exemplo em imagem: https://www.dropbox.com/s/7ysplz3wb5ex21i/exemplo.jpg?dl=0
Código (HTML):
<form class="form-horizontal" action="encomendas_letras.php" method="post" autocomplete="on" role="form">
<fieldset>
<div class="col-md-6 col-sm-6 margem">
<label class="control-label" for="nome_cliente">Nome do cliente:</label>
<input type="text" class="form-control" id="nome_cliente" value="<?php echo $nome_cliente;?>" name="nome_cliente" required autofocus>
</div>
<div class="col-md-6 col-sm-6 margem">
<label class="control-label" for="email_cliente">E-mail do cliente:</label>
<input type="email" class="form-control" id="email_ciente" value="<?php echo $email_cliente;?>" name="email_cliente" required>
</div>
<div class="col-md-4 col-sm-4">
<fieldset class="ativa">
<legend class="ativa">Tipo de Letra:</legend>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Romano") echo "checked";?> type="radio" name="tipo_letra" value="Romano" required><span class="romano">Romano</span>
</label>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Rustica") echo "checked";?> type="radio" name="tipo_letra" value="Rustica"><span class="rustica">Rustica</span>
</label>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Avant") echo "checked";?> type="radio" name="tipo_letra" value="Avant"><span class="avant">Avant</span>
</label>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Manuscrito") echo "checked";?> type="radio" name="tipo_letra" value="Manuscrito"><span class="manuscrito">Manuscrito</span>
</label>
</fieldset>
</div>
<div class="col-md-4 col-sm-4">
<fieldset class="ativa">
<legend class="ativa">Tamanho da Letra:</legend>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="1,50 cm") echo "checked";?> type="radio" name="tamanho_letra" value="1,50 cm" required>1,50 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="2,00 cm") echo "checked";?> type="radio" name="tamanho_letra" value="2,00 cm">2,00 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="2,30 cm") echo "checked";?> type="radio" name="tamanho_letra" value="2,30 cm">2,30 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="3,50 cm") echo "checked";?> type="radio" name="tamanho_letra" value="2,50 cm">2,50 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="3,00 cm") echo "checked";?> type="radio" name="tamanho_letra" value="3,00 cm">3,00 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="4,00 cm") echo "checked";?> type="radio" name="tamanho_letra" value="4,00 cm">4,00 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="4,70 cm") echo "checked";?> type="radio" name="tamanho_letra" value="4,70 cm">4,70 cm
</label>
</fieldset>
</div>
<div class="col-md-4 col-sm-4">
<fieldset class="ativa">
<legend class="ativa">Com barra:</legend>
<label class="radio">
<input <?php if (isset($barra) && $barra=="Sim") echo "checked";?> type="radio" name="barra" value="Sim" required>Sim
</label>
<label class="radio">
<input <?php if (isset($barra) && $barra=="Não") echo "checked";?> type="radio" name="barra" value="Não">Não
</label>
</fieldset>
</div>
<div class="col-md-12 col-sm-12 margem">
<label class="control-label" for="texto">Texto:</label>
<textarea class="form-control" rows="8" placeholder="Escreva aqui o texto" id="texto" name="texto" required><?php echo $texto;?></textarea>
</div>
<div class="col-md-12 col-sm-12">
<button type="submit" name="encomenda_letras" class="btn btn-preto">Enviar</button>
</div>
</fieldset>
</form>
<fieldset>
<div class="col-md-6 col-sm-6 margem">
<label class="control-label" for="nome_cliente">Nome do cliente:</label>
<input type="text" class="form-control" id="nome_cliente" value="<?php echo $nome_cliente;?>" name="nome_cliente" required autofocus>
</div>
<div class="col-md-6 col-sm-6 margem">
<label class="control-label" for="email_cliente">E-mail do cliente:</label>
<input type="email" class="form-control" id="email_ciente" value="<?php echo $email_cliente;?>" name="email_cliente" required>
</div>
<div class="col-md-4 col-sm-4">
<fieldset class="ativa">
<legend class="ativa">Tipo de Letra:</legend>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Romano") echo "checked";?> type="radio" name="tipo_letra" value="Romano" required><span class="romano">Romano</span>
</label>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Rustica") echo "checked";?> type="radio" name="tipo_letra" value="Rustica"><span class="rustica">Rustica</span>
</label>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Avant") echo "checked";?> type="radio" name="tipo_letra" value="Avant"><span class="avant">Avant</span>
</label>
<label class="radio">
<input <?php if (isset($tipo_letra) && $tipo_letra=="Manuscrito") echo "checked";?> type="radio" name="tipo_letra" value="Manuscrito"><span class="manuscrito">Manuscrito</span>
</label>
</fieldset>
</div>
<div class="col-md-4 col-sm-4">
<fieldset class="ativa">
<legend class="ativa">Tamanho da Letra:</legend>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="1,50 cm") echo "checked";?> type="radio" name="tamanho_letra" value="1,50 cm" required>1,50 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="2,00 cm") echo "checked";?> type="radio" name="tamanho_letra" value="2,00 cm">2,00 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="2,30 cm") echo "checked";?> type="radio" name="tamanho_letra" value="2,30 cm">2,30 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="3,50 cm") echo "checked";?> type="radio" name="tamanho_letra" value="2,50 cm">2,50 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="3,00 cm") echo "checked";?> type="radio" name="tamanho_letra" value="3,00 cm">3,00 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="4,00 cm") echo "checked";?> type="radio" name="tamanho_letra" value="4,00 cm">4,00 cm
</label>
<label class="radio">
<input <?php if (isset($tamanho_letra) && $tamanho_letra=="4,70 cm") echo "checked";?> type="radio" name="tamanho_letra" value="4,70 cm">4,70 cm
</label>
</fieldset>
</div>
<div class="col-md-4 col-sm-4">
<fieldset class="ativa">
<legend class="ativa">Com barra:</legend>
<label class="radio">
<input <?php if (isset($barra) && $barra=="Sim") echo "checked";?> type="radio" name="barra" value="Sim" required>Sim
</label>
<label class="radio">
<input <?php if (isset($barra) && $barra=="Não") echo "checked";?> type="radio" name="barra" value="Não">Não
</label>
</fieldset>
</div>
<div class="col-md-12 col-sm-12 margem">
<label class="control-label" for="texto">Texto:</label>
<textarea class="form-control" rows="8" placeholder="Escreva aqui o texto" id="texto" name="texto" required><?php echo $texto;?></textarea>
</div>
<div class="col-md-12 col-sm-12">
<button type="submit" name="encomenda_letras" class="btn btn-preto">Enviar</button>
</div>
</fieldset>
</form>