Skip to main content
removeu 78 caracteres do conteúdo
Fonte Link
user60252
user60252

Código na integra Exemplo funcional

Código na integra Exemplo funcional

Código na integra

adicionou 3986 caracteres ao conteúdo
Fonte Link
user60252
user60252

Conforme mostrado no Online Notpad do comentário do AP

há que se fazer varias alterações devido a classes e ids diferentes:

$( "#idVeiculo,#horimetroca" ).on( "blur keyup change", function() {                    
var prefixo = $("#idVeiculo").val();
if (prefixo!="Selecione"){
var horimetro = $("#horimetroca").val();
.............
.............
success: function(data){
   $("#proximatroca").val(data);

Código na integra Exemplo funcional

<?php

$conexao = new PDO ....

$resultipo = $conexao->prepare("SELECT * FROM veiculos");
$resultipo->execute();
$resultados = $resultipo->fetchAll(PDO::FETCH_ASSOC);

?>

<div class="col-md-3">
          <div class="form-group">
            <b><label class="col-form-label" for="inputDefault">Veiculo</label></b>
              <select name="idVeiculo" class="form-control select2" id="idVeiculo" style="width:100%;" >
              <option value="" selected>Selecione</option>
      <?php
        foreach($resultados as $results):
      ?>
              <option value="<?php echo $results['prefixo'] ?>"><?php echo $results['prefixo']; ?></option>
      <?php
        endforeach;
      ?>
               </select>
          </div>
        </div>

        <div class="col-md-3">
          <div class="form-group">
            <b><label class="col-form-label" for="inputDefault">Data da Troca</label></b>
               <input type="date" name="datatroca"  value="<?php echo date('Y-m-d');?>" class="form-control"  id="datatroca" />
          </div>
        </div>

            <div class="col-md-3">
              <div class="form-group">
                <b><label class="col-form-label" for="inputDefault">Km da Troca</label></b>
                <input class="form-control" name="kmtroca" id="kmtroca" type="text">
              </div>
            </div>

            <!-- Soma da Proxima Troca em Ajax-->

            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
                  
                <script language="javascript">
                <!--
                    $(document).ready(function () {
                    
                        $( "#idVeiculo,#horimetroca" ).on( "blur keyup change", function() {
                        
                            var prefixo = $("#idVeiculo").val();
                            
                            if (prefixo!="Selecione"){
                                
                                var horimetro = $("#horimetroca").val();
                                var dataString = {"valorPrefixo":prefixo,"valorHorimetro":horimetro }
                    
                              $.ajax({
                                url: 'buscaVeiculo.php',
                                type: 'POST',
                                data: dataString,
                                success: function(data){
                                    $("#proximatroca").val(data);
                                },
                                error: function(){
                                    $("#resultados").html("Ouve um erro ao enviar sua URL");
                                }
                             });//ajax 
                            }
                        });
                        
                    });
                //-->
                </script>

            <div class="col-md-3">
              <div class="form-group">
                <b><label class="col-form-label" for="inputDefault">Horimetro da Troca</label></b>
                <input class="form-control" name="horimetroca" id="horimetroca" type="text">
              </div>
            </div>

            <div class="col-md-3">
              <div class="form-group">
                <b><label class="col-form-label" for="inputDefault">Horimetro da Proxima Troca</label></b>
                <input class="form-control" readonly="" name="proximatroca" id="proximatroca" type="text">
              </div>
            </div>
            
            
            <div id="resultados"></div> 

Conforme mostrado no Online Notpad do comentário do AP

há que se fazer varias alterações devido a classes e ids diferentes:

$( "#idVeiculo,#horimetroca" ).on( "blur keyup change", function() {                    
var prefixo = $("#idVeiculo").val();
if (prefixo!="Selecione"){
var horimetro = $("#horimetroca").val();
.............
.............
success: function(data){
   $("#proximatroca").val(data);

Código na integra Exemplo funcional

<?php

$conexao = new PDO ....

$resultipo = $conexao->prepare("SELECT * FROM veiculos");
$resultipo->execute();
$resultados = $resultipo->fetchAll(PDO::FETCH_ASSOC);

?>

<div class="col-md-3">
          <div class="form-group">
            <b><label class="col-form-label" for="inputDefault">Veiculo</label></b>
              <select name="idVeiculo" class="form-control select2" id="idVeiculo" style="width:100%;" >
              <option value="" selected>Selecione</option>
      <?php
        foreach($resultados as $results):
      ?>
              <option value="<?php echo $results['prefixo'] ?>"><?php echo $results['prefixo']; ?></option>
      <?php
        endforeach;
      ?>
               </select>
          </div>
        </div>

        <div class="col-md-3">
          <div class="form-group">
            <b><label class="col-form-label" for="inputDefault">Data da Troca</label></b>
               <input type="date" name="datatroca"  value="<?php echo date('Y-m-d');?>" class="form-control"  id="datatroca" />
          </div>
        </div>

            <div class="col-md-3">
              <div class="form-group">
                <b><label class="col-form-label" for="inputDefault">Km da Troca</label></b>
                <input class="form-control" name="kmtroca" id="kmtroca" type="text">
              </div>
            </div>

            <!-- Soma da Proxima Troca em Ajax-->

            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
                  
                <script language="javascript">
                <!--
                    $(document).ready(function () {
                    
                        $( "#idVeiculo,#horimetroca" ).on( "blur keyup change", function() {
                        
                            var prefixo = $("#idVeiculo").val();
                            
                            if (prefixo!="Selecione"){
                                
                                var horimetro = $("#horimetroca").val();
                                var dataString = {"valorPrefixo":prefixo,"valorHorimetro":horimetro }
                    
                              $.ajax({
                                url: 'buscaVeiculo.php',
                                type: 'POST',
                                data: dataString,
                                success: function(data){
                                    $("#proximatroca").val(data);
                                },
                                error: function(){
                                    $("#resultados").html("Ouve um erro ao enviar sua URL");
                                }
                             });//ajax 
                            }
                        });
                        
                    });
                //-->
                </script>

            <div class="col-md-3">
              <div class="form-group">
                <b><label class="col-form-label" for="inputDefault">Horimetro da Troca</label></b>
                <input class="form-control" name="horimetroca" id="horimetroca" type="text">
              </div>
            </div>

            <div class="col-md-3">
              <div class="form-group">
                <b><label class="col-form-label" for="inputDefault">Horimetro da Proxima Troca</label></b>
                <input class="form-control" readonly="" name="proximatroca" id="proximatroca" type="text">
              </div>
            </div>
            
            
            <div id="resultados"></div> 
removeu 421 caracteres do conteúdo
Fonte Link
user60252
user60252

O select

<?php
$conn = new PDO('mysql:host=localhost;dbname=nome_DB',"USUARIO","SENHA");

$resultipo = $conn->prepare("SELECT * FROM veiculos");
$resultipo->execute();
$resultados = $resultipo->fetchAll(PDO::FETCH_ASSOC);
foreach($resultados as $results):

?>
    <option value="<?php echo $results['idVeiculo'] ?>"><?php echo $results['prefixo']; ?></option>
<?php
    endforeach;
?>

O select

<?php
$conn = new PDO('mysql:host=localhost;dbname=nome_DB',"USUARIO","SENHA");

$resultipo = $conn->prepare("SELECT * FROM veiculos");
$resultipo->execute();
$resultados = $resultipo->fetchAll(PDO::FETCH_ASSOC);
foreach($resultados as $results):

?>
    <option value="<?php echo $results['idVeiculo'] ?>"><?php echo $results['prefixo']; ?></option>
<?php
    endforeach;
?>
removeu 78 caracteres do conteúdo
Fonte Link
user60252
user60252
Carregando
adicionou 419 caracteres ao conteúdo
Fonte Link
user60252
user60252
Carregando
adicionou 1225 caracteres ao conteúdo
Fonte Link
user60252
user60252
Carregando
adicionou 386 caracteres ao conteúdo
Fonte Link
user60252
user60252
Carregando
Fonte Link
user60252
user60252
Carregando