Question

我有两个下拉列表ddl1和ddl2。

现在，在选择ddl1的项目时，应填充ddl2中的相应项目。

例如： - 如果我在ddl1中选择“帐户”，那么ddl2应显示“帐户主管，客户经理，cheif财务官”以及ddl1中的其他字段。我希望在没有任何数据库连接的情况下（使用ajax或Jquery）执行此操作。应该有一个xml文件来存储dropdownlist的数据。当我们点击第一个下拉列表时，只有页面的下拉部分必须刷新，并且不应该有任何php和.net代码。我需要完整的代码来做那样的。请帮助我........ ..

Answer 1

尝试这样的事情

JAVASCRIPT CODE

$(function(){
    var json ={'A':['Apple','Aeroplane','America'],'B':['Banana','BAT','BAG']};
    $('#alphabet').change(function(){
        if(this.value !=''){
            var arr = json[this.value];
            var option="";
            $.each(arr,function(k,v){
                option+='<option value="'+v+'">'+v+'</option>';
            })
            $('#spelling').html(option);
        }
    })

})

HTML CODE

<select id="alphabet">
    <option value="">SELECT</option>
    <option value="A">A</option>
    <option value="B">B</option>
</select>
<select id="spelling"></select>

Answer 2

这是你的Json

{"Accounts": [
"Account officer",
"Account manager",
"Chief Financial Officer"],
"HR":[
"HR Head",
"Intern"]
}

依旧......

根据第一个下拉列表中的项目选择填充第二个下拉列表

2 个答案: