Select dinâmico com 3 campos

04/05/2017

0

Olá pessoal,

Nesse Script abaixo estou fazendo o seguinte:

Ao selecionar algo no primeiro select id"frota" o segundo select id"placa" ativa e lista a placa e por ultimo ao selecionar a placa o select motorista lista o motorista .

O que preciso porem estou limitado ate aqui, é o seguinte:

Quando o primeiro select id"frota" for selecionado o segundo select id"placa" tem que trazer a placa daquela frota na sua respectiva linha da tabela, assim sucessivamente quando selecionar a placa o terceiro select vai trazer o motorista daquela respectiva linha.

Ou seja, ao final quando o usuário selecionar o primeiro select id "frota" os demais placa/motorista vão ser preenchidos dinamicamente de acordo com a frota.

Outro detalhe é que se observarem os select placa/motorista estão com os Options inseridos manualmente, digo não sei listar isso vindo direto da tabela através do php.

Desde já agradeço a todos.
<?php
include "conexao.php";



?>

<!DOCTYPE html>
<html>
<head>
	<title>TESTE DE COMBO </title>

		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

</head>


<script type="text/javascript">
	
$(document).ready(function(){

 /* Faz a condição do primeiro select */
	$("#frota").change(function(){
  	var frota = $(this).val();

  	if(frota != ""){
    	$("#placa").html(''); //limpa o segundo select para os novos options
    	$("#placa").append('<option>PLACA</option>');
          $("#placa").append('<option>JRP6212</option>');

    }
   
  })
  
  /* Faz a condição do segundo select */
  	$("#placa").change(function(){
  	var placa = $(this).val();
      if(placa != ""){
        $("#motorista").html(''); //limpa o terceiro select para os novos options
        $("#motorista").append('<option>MOTORISTA</option>');
        $("#motorista").append('<option>JOSENILSON</option>');
      }




  })
  
})


</script>	

<body>

<label>Selecione a frota </label>
<select id="frota">
<option value="" name"motorista"> 
FROTA  

<?php 
$busca = 'SELECT * FROM motorista ';
$result = $db->query($busca, PDO::FETCH_ASSOC) or die("erro ao conectar");
foreach ($result as $row){
  echo '<option value='.$row['idmotorista'].'>'.$row['frota'].'</option>';

}
?>
</option>
</select>

<br><br>
<select id="placa">



</select>

<br><br>
<select id="motorista">
</select>






</body>
</html>
Josenilson Pereira

Josenilson Pereira

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar