Olá, pessoal. Estou com uma dúvida referente a um formulário.
Eu tenho um formulário em que seus SELECT tem seus OPTION preenchidos através do PHP (Uma select feito em um arquivo create).
Porém, tem 3 campos (SELECT) que são interligados. Então eu gostaria de quando eu mudar um desses campos os outros campos fossem alterados também. Deixa eu mostrar um print da página.
Acima, temos os campos COD, EMPRESA e TRIBUTAÇÃO. No banco de dados, cada empresa tem um código (que é o campo COD) e tributação (que é o campo TRIBUTAÇÃO).
Eu gostaria que quando eu alterasse o campo COD, o select do campo EMPRESA fosse para a empresa (option) correspondente ao código do campo COD e vise e versa.
Abaixo segue o código de preenchimento dos SELECT.
<!-- LINHA -->
<div class="col-lg-12 alinhar-texto-no-centro" id="selecionar-empresas">
<h3 class="alinhar-texto-no-centro">Selecionar Empresa</h3>
<!-- CAMPO CODIGO DA EMPRESA -->
<div class="form-group col-lg-2">
<label for="codigo-empresa">COD</label>
<select name="codigo-empresa" id="codigo-empresa" class="input form-control">
<?php
$i = 1;
while($registros = $query_pegar_cod -> fetch_assoc())
{
$emp = $registros['COD'];
echo "<option id='$i'>$emp</option>";
$i++;
}
?>
</select>
</div>
<!-- CAMPO EMPRESA -->
<div class="form-group col-lg-5">
<label for="empresa">Empresa</label>
<select name="empresa" id="empresa" class="input form-control">
<?php
$j = 1;
while($registros = $query_pegar_empresa -> fetch_assoc())
{
$empr = utf8_decode($registros['EMPRESAS']);
echo "<option id='$j'>$empr</option>";
$j++;
}
?>
</select>
</div>
<!-- CAMPO TRIBUTAÇÃO -->
<div class="form-group col-lg-5">
<label for="tributacao">Tributação</label>
<select name="tributacao" id="tributacao" class="input form-control">
<?php
while($registros = $query_pegar_tributacao -> fetch_assoc())
{
$empre = utf8_decode($registros['TRIBUTACAO']);
echo "<option>$empre</option>";
}
?>
</select>
</div>
Sei que a explicação não foi tão sucinta, porém espero que vocês consigam entender.
Obrigado!
onchange
do primeiro<select>
que deve retornar os dados necessários para preencher o segundo e terceiro<select>
. Adicione o código que já tentou