Tengo 3 JSON
: clinicas, localidad y especialidad, estoy tratando de filtrar por Localidad y por Especialidad con Javascript, la idea es que al seleccionar los 1 o los 2 filtros juntos se oculten imágenes de la página. El problema que tengo es que funciona parcialmente, por ejemplo: si aplico sólo un filtro, no surge efecto hasta que selecciono el segundo filtro. Los JSON de Especialidad y Localidad, los cargo en dos Select
de HTML
por separado y el JSON de Clinicas lo uso para cargar imágenes en la página HTML
.
Dejo un ejemplo en JSFiddle: http://jsfiddle.net/k8awudmc/
No se si es la forma correcta de hacer esto, realmente, o si hay alguna alternativa mejor, fue la forma que se me ocurrió implementar, se aceptan sugerencias también.
JSON Clinicas:
[
{
"idc": "6",
"ima": "clin-test1.jpg",
"title": "Clin Test 1",
"especialidades": "-4-16-",
"idlo": "1"
},
{
"idc": "11",
"ima": "clin-test2.png",
"title": "Clin Test 2",
"especialidades": "-38-40-41-43-44-",
"idlo": "2"
}
]
JSON Especialidades:
[
{
"ides": "4",
"nom": "Alergista"
},
{
"ides": "6",
"nom": "Cardiologia"
},
{
"ides": "11",
"nom": "Cirugia"
},
{
"ides": "40",
"nom": "Cirugia Bariatrica"
},
{
"ides": "44",
"nom": "Cirugía Plástica"
},
{
"ides": "1",
"nom": "Clinica Medica"
},
{
"ides": "8",
"nom": "Cosmiatria"
}
]
JSON Localidad:
[
{
"idlo": "1",
"nom": "Ciudad1"
},
{
"idlo": "2",
"nom": "Ciudad2"
},
{
"idlo": "3",
"nom": "Ciudad3"
},
{
"idlo": "4",
"nom": "Ciudad4"
}
]