No artigo de hoje aprenderemos como fazer um combobox em HTML totalmente dinâmico através do PHP e MySql, utilizando a antiga API MySql do PHP, e com o método mais utilizado hoje em dia o PDO.

Preencher um select/combobox não é uma tarefa difícil como talvez possa parecer, mas é claro que necessita de um conhecimento prévio da linguagem PHP e Banco de Dados para manipular os dados.

No arquivo conexao.php estabelecemos a conexão com a base de dados MySql, para preencher com dados da tabela o (select/combobox). O arquivo conexão é o responsável por fazer a conexão de sua aplicação com seu banco de dados.

OBS: Você pode criar seu Bando de Dados usando a interface de alguma ferramenta como o phpMyAdmin, que na qual mostro nesse artigo Como Criar Banco de Dados, ou você pode cria-lo diretamente com php, fica de sua preferência.

conexao.php

 mysql_connect('localhost','root','') or die(mysql_error()); mysql_select_db('banco_exemplo') or die(mysql_error()); 

Esse trecho de código é o responsável pela conexão, na qual ele recebe como parâmetro o servidor em que você está, o nome de usuário e a senha de usuário, e depois ele seleciona o banco de dados que você deseja trabalhar, muito simples. Existe outra maneira de se fazer a conexão usando o método PDO do PHP, na qual ficaria dessa maneira:

 public function conectar() { try { $this->pdo = new PDO("mysql:host=localhost;dbname='banco_exemplo'", "root",//usuario "",//senha array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")); } catch (PDOException $e) { print "Error!: " . $e->getMessage() . "<br/>"; die(); } } 

Tendo ele a mesma função porém escrito de outra maneira.

Feito a conexão, vamos ao BD, caso você ainda não tenha criado seu BD, ou prefira cria-lo via script vou mostrar um exemplo de como se fazer via PHP.

 //estabelecemos conexão com o banco de dados mysql_connect('localhost','root','') or die(mysql_error()); //criamos o banco de dados através do script php $create_base = mysql_query("CREATE DATABASE IF NOT EXISTS banco_exemplo;") or die(mysql_error()); //seleciona o banco de dados mysql_select_db('banco_exemplo') or die(mysql_error()); if($create_base) { //criamos a tabela no banco de dados mysql_query("CREATE TABLE IF NOT EXISTS produto ( id INT(11) AUTO_INCREMENT, descricao VARCHAR(100) NOT NULL, preco FLOAT NOT NULL, PRIMARY KEY(id) );") or die(mysql_error()); //verifica se existe registros no banco $query = mysql_query("SELECT id, descricao, preco FROM produto"); //se não existir registros então insere os valores abaixo if(empty($query)) { //insere alguns dados para os exemplos mysql_query("INSERT INTO produto(descricao, preco) VALUES ('Notebook', '2800'), ('Nobreak', '800'), ('Roteador Wireless', '180'); ") or die(mysql_error()); } } 

Pronto você criou seu BD via PHP e inseriu dados nele para fazermos o select no combobox.

No arquivo index.php, logo abaixo, foi criado o formulário com o select/combobox para receber os dados da sua tabela produto criada anteriormente.

Logo no início do script, incluímos o arquivo conexao.php de conexão com o MySql para podermos realizar as consultas.

Na função mysql_query() passamos a string SQL de seleção de dados no banco e atribuímos o valor retornado para a variável $query.

E através da função mysql_fetch_array() criamos um array com os dados da varável $query.

Por fim, percorremos o array $prod apresentando cada registro dentro do select/combobox.

index.php

 <?php //chama o arquivo de configuração com o banco require conexao.php'; //seleciona os dados da tabela produto $query = mysql_query("SELECT id, descricao, preco FROM produto"); // abaixo montamos um formulário em html // e preenchemos o select com dados ?> <form name="produto" method="post" action=""> <label>Selecione um produto</label> <select> <option>Selecione...</option> //abrimos um contador while para que enquanto houver registros ele continua no loopin <?php while($prod = mysql_fetch_array($query)) { ?> <option value="<?php echo $prod['id'] ?>"><?php echo $prod['descricao'] ?></option> <?php } ?> </select> </form> 

Pronto, feito isso já temos um select preenchido dinamicamente através da tabela produto criada anteriormente, você pode implementar da forma que quiser, mas o conceito é praticamente o mesmo, vou mostrar também como seria em PDO, é muito parecido mudando algumas coisas apenas na forma de programar, mas a lógica segue a mesma.

 <label >Produto:</label> <select name="produto" id="produto" > <?php require_once('class/Conexao.class.php'); $pdo = new Conexao(); $resultado = $pdo->select("SELECT * FROM categoria"); $pdo->desconectar(); if(count($resultado)){ foreach ($resultado as $res) { ?> <option value="<?php echo $res['id’];?>" ><?php echo $res[‘descricao'];?></option> <?php } } ?> </select> 

Bem semelhante não ?! Porém é usado o conceito de classe e métodos, e lembrando que a classe instanciada e o método utilizado não foram mostrados, pois o foco é o select e não sobre classes, para saber mais sobre classe com php acesse no artigo Criando Classe com PHP.

Dúvidas, críticas ou sugestões deixe seu comentário, e bom estudo !