ajax - 使用 ajax 函数填充第三个下拉列表

Question

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){

//浓度

Aveiro=new Array("Albergaria-a-Velha","Anadia","Aveiro");
Beja=new Array("Aljustrel","Almodôvar","Alvito","Barrancos","Beja");

//FREG

Albergaria-a-Velha=new Array("Albergaria-a-Velha e Valmaior","Alquerubim");
Anadia=new Array("Amoreira da Gândara, Paredes do Bairro e Ancas");
Aljustrel=new Array("Aljustrel e Rio de Moinhos","Ervidel","Messejana");

populateSelect();

$(function() {

      $('#cat').change(function(){
        populateSelect();
    });

});


function populateSelect(){
    cat=$('#cat').val();
    $('#item').html('');

    if(cat=='Aveiro'){
        Aveiro.forEach(function(t) { 
            $('#item').append('<option>'+t+'</option>');
        });
    }

    if(cat=='Beja'){
        Beja.forEach(function(t) {
            $('#item').append('<option>'+t+'</option>');
        });
    }

} 

});//]]>  

//HTML

<select id="cat">
        <option val="Aveiro">Aveiro</option>
        <option val="Beja">Beja</option>
        <option val="Braga">Braga</option>
        <option val="Bragança">Bragança</option>
        <option val="Castelo Branco">Castelo Branco</option>
        <option val="Coimbra">Coimbra</option>
        <option val="Évora">Évora</option>
    </select>

//函数填充concelho (CONC)

<select id="item">
</select>

//我想要的是用 FREG 下的值填充这第三个

<select id="freg">
</select>

我正在尝试使用此功能填充第三个下拉列表...但是我尝试的所有方法都不起作用！谁能帮我？我是新手！:S

Answer 1

您的变量命名不正确。变量不应包含hyphen (-). 重命名您的以下变量FREG

Albergaria-a-Velha

你可以underscore (_)改用。参考： http: //mathiasbynens.be/notes/javascript-identifiers