select com 3 campos dinamicos
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>
conexão
<?php
$dsn = 'mysql:host=localhost;dbname=teste;charset=utf8';
$username = 'root';
$password = '';
$db = new PDO($dsn, $username, $password);
if(!$db){
echo "erro ao conectar ";
}
?>
tabela
CREATE TABLE `teste`.`frota`idfrota INT NOT NULL AUTO_INCREMENT ,
frota VARCHAR(10) NOT NULL ,
placa VARCHAR(10) NOT NULL ,
motorista VARCHAR(10) NOT NULL ,
PRIMARY KEY (idfrota)) ENGINE = MyISAM
Em anexo consta os arquivos, desde já agradeço.
Discussão (5)
Carregando comentários...