Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17519
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Alimentar select com opções da consulta MySQL e jQuery

19-06-2014 21:15

É bem simples adicionar opções a um select baseado em uma consulta MySQL usando o jQuery.

Você vai precisar basicamente ter uma chamada jQuery na página da consulta, e seguir esse modelo abaixo

<script type="text/javascript" src="jquery.js"></script>   <script> $(document).ready(function() {   <?php // TRECHO DA CONSULTA $v = ""; for($i = 0; $i < 2; $i++) { $v.="<option>".$i."</option>"; } // TRECHO DA CONSULTA ?>   $('#select').append('<?php echo $v; ?>');   }); </script>   <select id="select"> </select>

Nesse exemplo, você vai aplicar a consulta no lugar do for, segundo essa estrutura:

<?php $consulta = "SELECT ...."; $v = ""; while($coluna=mysql_fetch_array($consulta)) { $v.="<option>".$coluna['sua_coluna']."</option>"; } // fim do while ?> $('#select').append('<?php echo $v; ?>');

Também é possível alimentar as options diretamente da consulta, sem uso do jQuery.

<?php $consulta = "SELECT ...."; echo "<select>"; while($coluna=mysql_fetch_array($consulta)) { echo "<option>".$coluna['sua_coluna']."</option>"; } // fim do while echo "</select>"; ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado