Estoy tratando de hacer una función de Js que autocomplete el campo de un formulario con base en un select de mi BD. Utilicé este método: https://www.baulphp.com/autocompletar-usando-php-mysql-y-jquery/ Si lo hago por separado, funciona, pero si lo integro a mi formulario ya hecho, me lo muestra antes de los encabezados. Agradeceré orientación
<?php
//Funcion mostrar RFC
// Utilizaremos conexion PDO PHP
function conexion() {
//Declaramos el servidor, la BD, el usuario Mysql y Contraseña BD.
return new PDO('mysql:host=localhost;dbname=sdc', 'root', '', array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));
}
$pdo = conexion();
$keyword = '%'.$_POST['palabra'].'%';
$sql = "SELECT DISTINCT(rfc) FROM operacion WHERE rfc LIKE (:keyword) ORDER BY rfc ASC ";
//$sql = "SELECT DISTINCT(rfc) FROM operacion WHERE rfc LIKE (:keyword) ORDER BY rfc ASC LIMIT 0, 7";
$query = $pdo->prepare($sql);
$query->bindParam(':keyword', $keyword, PDO::PARAM_STR);
$query->execute();
$lista = $query->fetchAll();
foreach ($lista as $milista) {
// Colocaremos negrita a los textos
$rfc = str_replace($_POST['palabra'], '<b>'.$_POST['palabra'].'</b>', $milista['rfc']);
// Aquì, agregaremos opciones
echo '<li onclick="set_item(\''.str_replace("'", "\'", $milista['rfc']).'\')">'.$rfc.'</li>';
//Esto es lo que se muestra en el menu
}
?>
<script type="text/javascript">
// Función autocompletar para RFC
function autocompletar() {
var minimo_letras = 0; // minimo letras visibles en el autocompletar
var palabra = $('#txtRfc').val();
//Contamos el valor del input mediante una condicional
if (palabra.length >= minimo_letras) {
$.ajax({
type: 'POST',
data: {palabra:palabra},
success:function(data){
$('#lista_id').show();
$('#lista_id').html(data);
}
});
} else {
//ocultamos la lista
$('#lista_id').hide();
}
}
// Funcion Mostrar valores
function set_item(opciones) {
// Cambiar el valor del formulario input
$('#txtRfc').val(opciones);
// ocultar lista de proposiciones
$('#lista_id').hide();
};</script>
input
ya que a partir de ahí empiezas un bloque de código HTML/Jasvascript. O sea, debería quedarte así:?> <input autocomplete="off" name="txtRfc" id="txtRfc" type="text" class="form-control" onkeyup="this.value=this.value.toUpperCase();"onkeydown="autocompletar()"/> <script type="text/javascript"> //...resto del código Javascript </script>
y la etiqueta de cierre que tienes al final del todo?>
debes quitarla, ya que cerraste más arriba el bloque PHP.