Si aun no has podido solucionar te echo la mano, esto es un ejemplo el cual puedes modificar para que puedas modificar y trabajar con el, ya que no has entregado mucha información, salvo el archivo en HTML.
La tabla de la base de datos que use era sencilla, solo tenia 2 campos: id, name
y esta tabla se llama foods
;
Para este ejemplo se ha usado bootstrap, lo que se debe hacer para ello es lo siguiente:
- Crear una conexión hacia la Base de Datos
- Crear tu formulario donde buscaras el dato que necesitas
- Verificar que exista el campo que vamos a buscar y crear la query
- Ejercicio completo.
- Paso 1: Crear una conexión hacia la Base de Datos.
Para ello, abrimos tu archivo index.php
y agregamos este pedazo de código.
<?php
$connection = mysqli_connect("localhost", "tu_usuario", "tu_passwd");
if(!$connection){
echo "He fallado al conectarme a la base de datos";
exit();
}
mysqli_select_db($connection, 'tu_bd_name') or die("No BD");
mysqli_set_charset($connection, 'utf8');
?>
- Paso 2: Crear tu formulario donde buscaras el dato que necesitas.
Un simple formulario con un campo y el submit para no variar
<form action="index.php" method="get" class="form-control">
<label for="search" class="form-label">
<span class="form-label">Buscar por nombre</span>
</label>
<input type="text" name="search" class="form-control" placeholder="Ingresa el nombre manualmente">
<input type="submit" class="btn btn-primary" value="Enviar!">
</form>
- Paso 4: Verificar que exista el campo que vamos a buscar y crear la query
Esta es un poco más sencilla, solo agregamos un if para validar y que no se muestre el mensaje
Undefine index: $_GET['un_dato_random'];
<option selected>Seleccione una opcion</option>
<?php
if(isset($_GET['search'])){
$search = $_GET['search'];
$query = "SELECT id, name FROM foods WHERE name LIKE '$search'";
$statement = mysqli_query($connection, $query);
while( $row = mysqli_fetch_array($statement, MYSQLI_ASSOC) ){
echo "<option value='{$row['id']}'>{$row['name']}</option>";
}
}
?>
- Paso 4: Ejercicio completo:
Si no te funciona los snippets, no hay problema, te adjunto el código completo
<main style="width: 60%; margin: 0 auto;">
<h1 class="text-align-center">Buscador</h1>
<section class="container mt-5" id="search-container">
<?php
$connection = mysqli_connect("localhost", "root", "root");
if(!$connection){
echo "He fallado al conectarme a la base de datos";
exit();
}
mysqli_select_db($connection, 'pildoras_informaticas') or die("No BD");
mysqli_set_charset($connection, 'utf8');
?>
<h2>Si no lo encuentras, buscalo por su nombre</h2>
<form action="index.php" method="get" class="form-control">
<label for="search" class="form-label">
<span class="form-label">Buscar por nombre</span>
</label>
<input type="text" name="search" class="form-control" placeholder="Ingresa el nombre manualmente">
<input type="submit" class="btn btn-primary" value="Enviar!">
</form>
</section>
<hr>
<section class="container mt-4" id="selector-container">
<legend>Mostrando el que ha buscado</legend>
<select class="form-select" name="food_selection" id="food_selection">
<option selected>Seleccione una opcion</option>
<?php
if(isset($_GET['search'])){
$search = $_GET['search'];
$query = "SELECT id, name FROM foods WHERE name LIKE '$search'";
$statement = mysqli_query($connection, $query);
while( $row = mysqli_fetch_array($statement, MYSQLI_ASSOC) ){
echo "<option value='{$row['id']}'>{$row['name']}</option>";
}
}
?>
</select>
</section>
</main>
Espero que te ayude a solucionar lo que buscas :)