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');