大佬教程收集整理的这篇文章主要介绍了根据其他下拉列表的选择填充一个下拉列表,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
工作演示 (带有jquery)
cars=new Array("Mercedes","Volvo","BMW","porche");
phones=new Array('Samsung','Nokia','Iphone');
populateSELEct();
$(function() {
$('#cat').change(function(){
populateSELEct();
});
});
function populateSELEct(){
cat=$('#cat').val();
$('#item').HTML('');
if(cat=='car'){
cars.forEach(function(t) {
$('#item').append('<option>'+t+'</option>');
});
}
if(cat=='phone'){
phones.forEach(function(t) {
$('#item').append('<option>'+t+'</option>');
});
}
}
:使用eval()能够添加所需的任意数量的数组。
cars=new Array("Mercedes","Volvo","BMW","porche");
phones=new Array('Samsung','Nokia','Iphone');
names=new Array('Kasper','Elke','Fred','Bobby','Frits');
colors=new Array('blue','green','yellow');
populateSELEct();
$(function() {
$('#cat').change(function(){
populateSELEct();
});
});
function populateSELEct(){
cat=$('#cat').val();
$('#item').HTML('');
eval(cat).forEach(function(t) {
$('#item').append('<option>'+t+'</option>');
});
}
我想创建两个下拉列表,类别和项目。
如果我选择名为car的类别之一,则项目下拉列表应包含Honda,Volvo和Nissan。
如果我选择一个名为phone的类别,则项目下拉列表应具有此iPhone,Samsung,Nokia。
我怎样才能做到这一点?我知道我无法使用纯HTML做到这一点。
以上是大佬教程为你收集整理的根据其他下拉列表的选择填充一个下拉列表全部内容,希望文章能够帮你解决根据其他下拉列表的选择填充一个下拉列表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。