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!!
