popDropdown es un plugin para jQuery que carga de datos un input del tipo select(dropdown conocidos por unos, combobox por otros).
Uso:
- Cargar js dentro de las etiquetas head
1 2 3 4 | <script src="/proyectos/jquery/jquery.js" type="text/javascript"></script> <script src="/proyectos/jquery/jquery.popdropdown.js" type="text/javascript"></script> <!--opcional si se quiere ocupar jquery.blockUI plugin --> <script src="/proyectos/jquery/jquery.blockui.js" type="text/javascript"></script> |
- Aplicar popDropdown plugin
1 2 3 4 5 6 7 8 9 10 11 | $('#grupo').change(function(){ $.popdropdown([{value:$(this).val(), target: '#equipos', url: 'json.php'}]); }); $('#grupo_blockui').change(function(){ $.popdropdown([{value:$(this).val(), target: '#equipos_blockui', url: 'json.php'}], {blockUI: 'Cargando equipos...'}); }); |
Demo:
Download:
http://manuel.radiohead.cl/proyectos/jquery/jquery.popdropdown.js
json.php source:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | $grupo['A'] = explode(' - ', 'Sudáfrica - México - Uruguay - Francia'); $grupo['B'] = explode(' - ', 'Argentina - Nigeria - Corea del Sur - Grecia'); $grupo['C'] = explode(' - ', 'Inglaterra - Estados Unidos - Argelia - Eslovenia'); $grupo['D'] = explode(' - ', 'Alemania - Australia - Ghana - Serbia'); $grupo['E'] = explode(' - ', 'Holanda - Dinamarca - Japón - Camerún'); $grupo['F'] = explode(' - ', 'Italia - Paraguay - Nueva Zelanda - Eslovaquia'); $grupo['G'] = explode(' - ', 'Brasil - Corea del Norte - Costa de Marfil - Portugal'); $grupo['H'] = explode(' - ', 'España - Suiza - Honduras - Chile'); if(isset($_GET['_value'])) if (!empty($_GET['_value'])){ //echo '['.json_encode($array).']'; if(array_key_exists($_GET['_value'],$grupo)){ echo '['.json_encode($grupo[$_GET['_value']]).']'; }else{ echo '[{"":""}]'; } }else{ echo '[{"":""}]'; } |
Thank you for this grate plugin!