Question

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

// CONC

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

下的值填充第3个

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

我正在尝试使用此功能填充第三个下拉列表...但我尝试的所有功能都无效！谁能帮我？我是新手！：S

Answer 1

您的变量命名不正确。变量不应包含hyphen (-)。在FREG

中重命名以下变量

Albergaria-a-Velha

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

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

1 个答案: