Buenas, quería ver si me daban una solución al problema. Tengo dos formularios:
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> Que no os preocupe el código php. Está comprobado que el problema está cuando hay dos form. La cosa es que no funciona el autocomplete del datalist en el input de search. En cambio si pongo entre comentarios el form de clientes si que funciona. No se que problema hay la verdad, a ver si alguien me hecha un cable.
Gracias