ayuda autocompletar con javascript y php
Publicado por Javier (6 intervenciones) el 31/12/2018 18:43:01
buenas tardes amigos..necesito de su ayuda, estoy haciendo una pagina donde un input de tipo texto sirva para autocompletar de una base de datos en postgresql, solo estoy usando html, css, php, y alguito de javascript, no se manejar ajax... lo cierto es que con var_dump veo por pantalla los valores que esta guardando mi vairable de tipo arreglo el cual viene con datos de mi bd.. perooo cuando declaro var en javascript no imprime dichos valores..agradezco su colaboracion.....
este es el codigo
agradezco de su ayuda..saludos
este es el codigo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<?php
function opciones() {
//global $conexion;
//Variable que contendrá el resultado de la búsqueda
$texto = "";
$arreglo = array();
//conectar();
require 'conexion_bd.php';pg_set_client_encoding($conexion, 'utf8'); // para indicar a la bbdd que vamos a mostrar la info en utf8
//Contulta para recoger la información de todas las provincias
$sql2 = "SELECT * FROM categoria ORDER BY nombre_categoria";
$resultado2 = pg_query($sql2); //Ejecución de la consulta
//Si hay resultados...
if (pg_num_rows($resultado2) > 0){
while($fila2 = pg_fetch_array($resultado2)){
// se recoge la información según la vamos a pasar a la variable de javascript
$texto = $fila2['nombre_categoria'];
array_push($arreglo, $texto);
} } else{$texto = "";
} // Después de trabajar con la bbdd, cerramos la conexión (por seguridad, no hay que dejar conexiones abiertas)
pg_close($conexion);
return $arreglo;
}$opciones = opciones();
$objjson=json_encode($opciones);
//var_dump($objjson); //imprime todos los valores del arreglo que viene de la bd
?>
<!DOCTYPE HTML>
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<link rel="stylesheet" href="css/estilo_m.css" />
<link rel="stylesheet" href="css/estilo_categ.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script>
<script type="text/javascript" src='js/msj_confirmacion.js'></script>
<title>Materiales de Construcción</title>
<script>
jQuery(document).ready(function($) {
var valor_categ=[<?php echo $objjson ?>]; <!--he aqui donde realmente no guarda ningun valor que viene de php-->
$("#nombre").autocomplete({
source:valor_categ});
});
</script>
</head>
<body>
<?php
include ('menu_principal.php');
?>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" name="registro_categoria" autocomplete="off" class="registro_categoria">
<div class="contenedor_categ">
<div class="agregar_categ">
<label>CATEGORIA</label>
<input type="submit" class="btn_agregar" name="agregar" value=" Agregar Categoría" onclick="window.location.href='#ventana'" />
</div>
<div class="buscar_categ">
<input class="nombre" placeholder="Nombre de la categoría" name="nombre" id="nombre" type="text" value="" autofocus="" autocomplete="off" required="" /> <!--este es el input al que hace referencia el javascript-->
<input type="submit" class="btn_buscar" name="buscar" value=" Buscar" />
</div>
</form>
<?php
include ('pie_pagina.php');
?>
</div>
</body>
</html>
agradezco de su ayuda..saludos
Valora esta pregunta
0
