Skip to main content
Por lo general en el sitio se intenta evitar saludos y agradecimientos, para ir al grano
Origen Enlace

Autocompletado con HTML yun datalist de HTML5 populado desde PHP

Hace unos dias descubri que con html se puede hacer un autocompletado sin usar jQuery o alguna otra herramienta e hice esto:

categoriaClubFutbol.php

<label for="club" class="form-label">Clubes</label>
<input type="text" class="form-control" name="club" id="club" list="miLista">
<datalist id="miLista">
    <?php foreach($datos as $c){ ?>
       <option value="<?=$c['id'];?>"><?=$c['club'];?></option>
    <?php } ?>
</datalist>

Funciona bien, pero el error que tengo es que si selcciono el club dentro del input me muestra id y no el nombre del equipo.

Este es un ejemplo sin PHP

<label for="club" class="form-label">Clubes</label>
    <input type="text" class="form-control" name="nombre" id="club" list="miLista">
    <datalist id="miLista">
           <option value="1">Boca</option>
           <option value="2">River</option>
           <option value="3">Independiente</option>
           <option value="4">Racing</option>
    </datalist>

Agradesco de antemano.

Autocompletado con HTML y PHP

Hace unos dias descubri que con html se puede hacer un autocompletado sin usar jQuery o alguna otra herramienta e hice esto:

categoriaClubFutbol.php

<label for="club" class="form-label">Clubes</label>
<input type="text" class="form-control" name="club" id="club" list="miLista">
<datalist id="miLista">
    <?php foreach($datos as $c){ ?>
       <option value="<?=$c['id'];?>"><?=$c['club'];?></option>
    <?php } ?>
</datalist>

Funciona bien, pero el error que tengo es que si selcciono el club dentro del input me muestra id y no el nombre del equipo.

Este es un ejemplo sin PHP

<label for="club" class="form-label">Clubes</label>
    <input type="text" class="form-control" name="nombre" id="club" list="miLista">
    <datalist id="miLista">
           <option value="1">Boca</option>
           <option value="2">River</option>
           <option value="3">Independiente</option>
           <option value="4">Racing</option>
    </datalist>

Agradesco de antemano.

Autocompletado con un datalist de HTML5 populado desde PHP

Hace unos dias descubri que con html se puede hacer un autocompletado sin usar jQuery o alguna otra herramienta e hice esto:

categoriaClubFutbol.php

<label for="club" class="form-label">Clubes</label>
<input type="text" class="form-control" name="club" id="club" list="miLista">
<datalist id="miLista">
    <?php foreach($datos as $c){ ?>
       <option value="<?=$c['id'];?>"><?=$c['club'];?></option>
    <?php } ?>
</datalist>

Funciona bien, pero el error que tengo es que si selcciono el club dentro del input me muestra id y no el nombre del equipo.

Este es un ejemplo sin PHP

<label for="club" class="form-label">Clubes</label>
    <input type="text" class="form-control" name="nombre" id="club" list="miLista">
    <datalist id="miLista">
           <option value="1">Boca</option>
           <option value="2">River</option>
           <option value="3">Independiente</option>
           <option value="4">Racing</option>
    </datalist>

Origen Enlace
user101604
user101604

Autocompletado con HTML y PHP

Hace unos dias descubri que con html se puede hacer un autocompletado sin usar jQuery o alguna otra herramienta e hice esto:

categoriaClubFutbol.php

<label for="club" class="form-label">Clubes</label>
<input type="text" class="form-control" name="club" id="club" list="miLista">
<datalist id="miLista">
    <?php foreach($datos as $c){ ?>
       <option value="<?=$c['id'];?>"><?=$c['club'];?></option>
    <?php } ?>
</datalist>

Funciona bien, pero el error que tengo es que si selcciono el club dentro del input me muestra id y no el nombre del equipo.

Este es un ejemplo sin PHP

<label for="club" class="form-label">Clubes</label>
    <input type="text" class="form-control" name="nombre" id="club" list="miLista">
    <datalist id="miLista">
           <option value="1">Boca</option>
           <option value="2">River</option>
           <option value="3">Independiente</option>
           <option value="4">Racing</option>
    </datalist>

Agradesco de antemano.