Javascript: evento onchange não popula segunda combo

Front-end
#1

Boa noite!

Tenho o seguinte javascript:

[code]function updateSelectOptions(lookupUrl, parentSelectElementId, childSelectElementId) {
var parentSelectRef = jQuery(’#’ + parentSelectElementId);
var childSelectRef = jQuery(’#’ + childSelectElementId);

jQuery.getJSON(lookupUrl,
    {paisId: parentSelectRef.val()}, 
    function(data) {
        var html = '<option value="">Selecionar...</option>';
        var len = data.length;
        for (var i = 0; i< len; i++) {
            html += '<option value="' + data[i].id + '">' + data[i].descricao + '</option>';
        }

        childSelectRef.html(html);
    }
);

}[/code]

que uso para aninhar as seguintes combos:

PaisId

[code]<spring:bind path=“paisId”>

<c:forEach items="${listaPaises}" var=“pais”>

${pais.descricao} [/code]

UfId

[code]<spring:bind path=“ufId”>

<c:forEach items="${listaUfs}" var=“uf”>

${uf.descricao} [/code]

CidadeId

[code]<spring:bind path=“cidadeId”>

<c:forEach items="${listaCidades}" var=“cidade”>

${cidade.descricao} [/code]

Porque quando eu mudo a seleção na primeira combo, a segunda combo retorna vazia, somente com o valor Selecionar…, declarei na função no Javascript acima?

Tenho quase certeza de que o erro está na última linha da function:

for (var i = 0; i< len; i++) { html += '<option value="' + data[i].id + '">' + data[i].descricao + '</option>'; }

Vocês podem me ajudar?

Agradeço desde já!

#2

Fica difícil tentar saber o erro se não temos como ver a dinamica - retorno do json ou erros de js no navegador - da aplicação rodando.

Recomendo você a abrir o Firefox com o plugin Firebug na aba Rede e analisar o retorno do seu JSON e ver o poque que não entra no loop do “for” do javascript.

Download do navegador:
http://br.mozdev.org/download/

Download do complemento:
https://addons.mozilla.org/pt-br/firefox/addon/1843/

Abraço!

#3