Hola gente... les tengo una consulta...
He encontrado un lindo jquery con 3 combos entrelazados.
localidades, provincia y pais.
Pero con un listado dentro de un select...
Código PHP:
<script type="text/javascript">
function commonTemplate(item) {
return "<option value='" + item.Value + "'>" + item.Text + "</option>";
};
function commonTemplate2(item) {
return "<option value='" + item.Value + "'>***" + item.Text + "***</option>";
};
function commonMatch(selectedValue) {
return this.When == selectedValue;
};
</script>
Código PHP:
<script type="text/javascript">
jQuery(document).ready(function()
{
$("#provincia").cascade("#pais",{
ajax: {url: 'datos-provincias.js'},
template: commonTemplate,
match: commonMatch
});
$("#ciudad").cascade("#provincia",{
ajax: {url: 'datos-ciudades.js'},
template: commonTemplate,
match: commonMatch
});
//forzamos un evento de cambio para que se carge por primera vez
$("#pais").change();
});
</script>
Código HTML:
<div>
<label>Pais
<select id="pais">
<option value="AR">Argentina</option>
<option value="ES">España</option>
<option value="MX">Mexico</option>
</select>
</label>
<label>Provincia
<select id="provincia"></select>
</label>
<label>Ciudad
<select id="ciudad"></select>
</label>
</div>
Alguien podria decirme como modificar quizas esta linea, supongo
"ajax: {url: 'datos-provincias.js'}"
para que me muestre el listado que yo poseo en una base de datos??
el js datos-provincias.js tiene este listado-
[
{'When':'AR-1','Value':'AR-1-1','Text':'La Plata'},
{'When':'AR-1','Value':'AR-1-2','Text':'Tandil'},
{'When':'AR-2','Value':'AR-2-1','Text':'San Martin de los Andes'},
]
GRACIAS POR SU TIEMPO!!