Diferencia entre revisiones de «Ejemplo de input autocomplete con jquery ui»

De KumbiaPHP Framework Wiki
Línea 6: Línea 6:
  
 
<source lang=sql>
 
<source lang=sql>
 +
 +
CREATE TABLE `estados` (
 +
  `id` int(11) NOT NULL AUTO_INCREMENT,
 +
  `estado` varchar(20) NOT NULL,
 +
  PRIMARY KEY (`id`),
 +
  UNIQUE KEY `estado` (`estado`)
 +
) ENGINE=InnoDB ;
 +
 +
INSERT INTO `estados` (`estado`) VALUES
 +
('Amazonas'),
 +
('Anzoategui'),
 +
('Apure'),
 +
('aragua'),
 +
('Barinas'),
 +
('Bolívar'),
 +
('Carabobo'),
 +
('Cojedes'),
 +
('Delta Amacuro'),
 +
('Dist. Capital'),
 +
('Falcón'),
 +
('Guarico'),
 +
('Lara'),
 +
('Mérida'),
 +
('Miranda'),
 +
('Monagas'),
 +
('Nueva Esparta'),
 +
('Portuguesa'),
 +
('Sucre'),
 +
('Táchira'),
 +
('Trujillo'),
 +
('valencia'),
 +
('Vargas'),
 +
('Yaracuy'),
 +
('Zulia');
  
 
</source>
 
</source>

Revisión del 14:49 29 sep 2011

Descripcion

En el siguiente ejemplo se muestra una manera de crear un input con autocompletado de texto, utilizando las librerias jquery y jquery-ui. El campo de texto servirá para buscar estados en una base de datos.

Tabla a Utilizar

CREATE TABLE `estados` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `estado` varchar(20) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `estado` (`estado`)
) ENGINE=InnoDB ;

INSERT INTO `estados` (`estado`) VALUES
('Amazonas'),
('Anzoategui'),
('Apure'),
('aragua'),
('Barinas'),
('Bolívar'),
('Carabobo'),
('Cojedes'),
('Delta Amacuro'),
('Dist. Capital'),
('Falcón'),
('Guarico'),
('Lara'),
('Mérida'),
('Miranda'),
('Monagas'),
('Nueva Esparta'),
('Portuguesa'),
('Sucre'),
('Táchira'),
('Trujillo'),
('valencia'),
('Vargas'),
('Yaracuy'),
('Zulia');