Ir para conteúdo
henriquers

Inserindo <option></option> através do Ajax

Por , em Javascript

Recommended Posts

henriquers    0

henriquers
Postado

Bom Dia, 

 

Estou com uma dificuldade para conseguir colocar os options de um select dentro do mesmo utilizando Ajax, as informações estão vindo corretas mas na hora de enviar para o HTML que eu acho que estou fazendo alguma coisa errada, estou utilizando o select2 pois tenho necessidade de colocar imagens dentro dos <option> para cada item que trouxer, segue o código utilizado a baixo:

index.php

<html>
<head>
    <title>TESTE</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script>
    <script language="JavaScript" src="javascript.js"></script> <!-- Arquivo JavaScript --> 
    
    <link rel="stylesheet" href="estilo.css"/> <!-- Arquivo de Estilo CSS -->
</head>
<body>
 
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/>
 
  <select id="testeSelect">
    <span id="respSelect"></span>
  </select>
 
</body>
 
<script>
  carrega_produtos(); 
</script>
 
</html>

javascript.js

function carrega_produtos(){
  var verifica = 'get_produto';
  $('.load').show();
   jQuery.ajax({
       type: 'POST', 
      url: './get_dados.php', 
      data: 'verifica='+ verifica, 
      cache: false, 
      success: function(response){               
          $("#respSelect").html(response);
          $('.load').hide();
      }
   });
}
 
$( document ).ready(function() {
  
  function formatProduto (option) {
    if (!option.id) { 
      return option.text; 
    }
    var ob = '<img src="../../img/oculos_teste.jpg" />' + option.text;
    return ob;
  };
 
  $("#testeSelect").select2({
    placeholder: "Selecione o Produto !",
    width: "20%",
    templateResult: formatProduto
  });
 
});


 

get_dados.php

<?php
    include './conn_orcl.php';
 
    $verifica = $_POST['verifica'];
 
    if($verifica == 'get_produto' ) {
 
        $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO
        FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT'
        ORDER BY DESCRICAO";
 
        $parse=oci_parse($conn,$select);
        oci_execute($parse);
 
        while ($fetch=oci_fetch_array($parse)){
            $cod = $fetch['PRODUTO'];
            $desc = $fetch['DESCRICAO'];
            $option = $option."<option>$cod - $desc</option>";
        }
        echo $option;
    }
    ob_end_flush();
    oci_free_statement($parse);
    oci_close($conn);
?>

 

As informações estão vindo corretas, mas não consigo aparecer no select

 

image.png.c123e5378edfdd27689d58599706822a.png

 

Agradeço quem poder me dar uma luz,

Obrigado.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

wanderval    19

wanderval
Postado

o seu problema e que você está querendo colocar options dentro de um "span", 

 

dentro de um select não tem span tem options 

// errado
<select id="testeSelect">
  <span id="respSelect"></span>
</select>

test: 

// não funciona
$('#respSelect').html('<option>1111</option>');

// funciona
$('#testeSelect').html('<option>2222</option>');

JsBin: https://jsbin.com/jozidinime/edit?html,js,console,output

Compartilhar este post

Link para o post
Compartilhar em outros sites

henriquers    0

henriquers
Postado

Bom Dia, 

 

Entendi muito Obrigado, pela ajuda.

 

Consegui fazer com que o option aparecesse dentro do select, mas esta aparecendo apenas o primeiro dado do Select e o restante não, saberia me informar o porque ? 

 

image.png.4770a8ccfff077590b6061441522b124.png

  

$( document ).ready(function() {
  
  $("#testeSelect").select2({
    placeholder: "Selecione o Produto !",
    ajax: {
      type: 'POST', 
      url: './get_dados.php',  
      cache: false, 
      success: function(response){               
          $("#testeSelect").html(response);
      }
    },
    width: "50%"
  });

});

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

henriquers    0

henriquers
Postado

image.png.1059592fc86dc16568253e03d7787d86.png

 

Esses são os dados que estão vindo através do get_dados.php 

<?php
    include './conn_orcl.php';

    $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO
    FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT'
    ORDER BY DESCRICAO";

    $parse=oci_parse($conn,$select);
    oci_execute($parse);

    while ($fetch=oci_fetch_array($parse)){
        $cod = $fetch['PRODUTO'];
        $desc = $fetch['DESCRICAO'];
        $option = $option."<option>$cod - $desc</option>";
    }
    echo $option;

    
    
    
    ob_end_flush();
    oci_free_statement($parse);
    oci_close($conn);
?>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • violin101
      PHP+Codeigniter - Adicionar Registro Plano de Contas
      Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • violin101
      PHP - Consulta MySql para prazo de dias
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • violin101
      PHP+Codeigniter - Trabalhando com Data
      Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • violin101
      PHP+Codeigniter - Ajuda en NFePhp para Sistema
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
    • violin101
      PHP+Codeigniter - Teclas para Salvar (atalho)
      Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer ao auxílio dos amigos, mas preciso entender e resolver um problema.
       
      Tenho uma Rotina que o usuário seleciona os produtos que deseja para requerer ao setor responsável.
       
      O usuário escolhe um produto qualquer e Clicla em um button para incluir a lista.

      O problema que estou enfrentando é que após escolher o produto e teclar ENTER o Sistema já salva no BD.
       
      Gostaria de criar uma Tecla de Atalho, para quando incluir/escolher o produto na lista, o usuário tecla como exemplo:
      ALT+A  para agregar a lista
      ALT+S para salvar a lista de itens desejados.

      Assim, quando teclar enter, o sistema não dispara o GRAVAR na Base de Dados.

      Grato,

      Cesar
       
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito