Código HTML:
<div id="clientes" class="clientes"> <div id="clientes_barra" class="clientes_barra"> <div id="clientes_barra_izq" class="clientes_barra_izq"> <span style="display:table-cell; vertical-align:middle;">--Clientes--</span> </div> <div id="clientes_barra_cerrar" class="clientes_barra_cerrar" onClick="cerrar('clientes')"> <img onMouseOver="this.src='../Recursos/Imagenes/Iconos/Delete/delete_2.png'" onMouseOut="this.src='../Recursos/Imagenes/Iconos/Delete/delete_1.png'" src="../Recursos/Imagenes/Iconos/Delete/delete_1.png" style="cursor:pointer"> </div> </div> <div id="clientes_contenido" class="clientes_contenido"> <div id="clientes_contenido_navegacion" class="clientes_contenido_navegacion"> <ul class="nav"> <li><a href="#" onClick="campos('formulario_clientes',0)">Registro anterior</a></li> <li><a href="#" onClick="campos('formulario_clientes',1)">Registro siguiente</a></li> <li><a href="#" onClick="campos('formulario_clientes',2)">Primer registro</a></li> <li><a href="#" onClick="campos('formulario_clientes',3)">Ultimo registro</a></li> <li><a href="#" onClick="open_search('clientes')">Buscar</a></li> <li><a href="#" onClick="nuevo('formulario_clientes')">Nuevo registro</a></li> <li><a href="#" onClick="editar('formulario_clientes')">Editar registro actual</a></li> <li><a href="#" onClick="borrar('formulario_clientes')">Borrar registro actual</a></li> </ul> </div> <div id="clientes_contenido_principal" class="clientes_contenido_principal"> <form class="formulario_clientes" id="formulario_clientes" method="post" onSubmit="insertar(this.id)"> <label for="codigo">Codigo: </label><input list="codigo" name="codigo" id="codigo" value="" type="text" size="3" disabled required><br> <label for="nombre">Nombre: </label><input name="nombre" id="nombre" value="" type="text" size="77" disabled required><br> <label for="domicilio">Domicilio: </label><input name="domicilio" id="domicilio" value="" size="77" type="text" disabled><br> <label for="cp">Código Postal: </label><input name="cp" id="cp" value="" size="5" type="text" disabled> <label for="ciudad" style="width:50px;">Ciudad: </label><input name="ciudad" id="ciudad" value="" type="text" disabled><br> <label for="provincia">Provincia: </label><input name="provincia" id="provincia" value="" size="77" type="text" disabled><br> <label for="dni">DNI: </label><input name="dni" id="dni" value="" size="10" type="text" disabled><br> <label for="telefono">Teléfono: </label><input name="telefono" id="telefono" value="" size="10" type="text" disabled> <label style="width:50px;" for="movil">Móvil: </label><input name="movil" id="movil" value="" size="10" type="text" disabled> <label style="width:50px;" for="fax">Fax: </label><input name="fax" id="fax" value="" size="10" type="text" disabled><br> <label for="email">Email: </label><input name="email" id="email" value="" size="77" type="text" disabled><br> <label for="observaciones">Observaciones: </label><textarea name="observaciones" id="observaciones" cols="59" disabled></textarea><br> <input type="hidden" value="clientes" name="campo_oculto_formulario_clientes" id="campo_oculto_formulario_clientes"> <button id="boton_edita_formulario_clientes" style="margin-left:10px; display:none" type="submit">Modificar registro</button><button id="boton_envia_formulario_clientes" style="margin-left:10px; display:none" type="submit">Añadir cliente</button><input id="boton_cancela_formulario_clientes" style="margin-left:10px; display:none" onClick="cancelar(this.form.id);" type="button" value="Cancelar"> </form> </div> </div> </div> <div id="search" class="search"> <div id="busqueda_barra_cerrar" class="busqueda_barra_cerrar"> <img onClick="cerrar('search')" onMouseOver="this.src='../Recursos/Imagenes/Iconos/Delete/delete_2.png'" onMouseOut="this.src='../Recursos/Imagenes/Iconos/Delete/delete_1.png'" src="../Recursos/Imagenes/Iconos/Delete/delete_1.png" style="cursor:pointer"> </div> <form action="search.php" method="post" id="form_busqueda" name="form_busqueda" class="form_busqueda"> <input type="text" list="codigo" name="searchinput" id="searchinput" required> <select id="select" name="select" onChange="change_search(this.value);"> <?php for($i=0;$i<count($nombrecol);$i++) echo "<option value='".$nombrecol[$i]."'>".$nombrecol[$i]."</option>"; ?> </select> <input type="submit" value="Buscar" id="enviar_busqueda"> <?php $res=$db->query($sql); //Start generating datalist $i=0; while($resultado=mysqli_fetch_assoc($res)) { for($u=0;$u<count($nombrecol);$u++) $datalist[$nombrecol[$u]][$i]=$resultado[$nombrecol[$u]]; $i++; } foreach($datalist as $key=>$datos) { echo "<datalist id='".$key."'>"; foreach($datos as $data) { echo "<option value='".$data."'>"; } echo "</datalist>"; } //End generating datalist ?> </form> </div>
Gracias