Select din�mico com 3 campos

04/05/2017

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

Curtir t�pico + 0

Responder