我有 2 个下拉列表,如果我从第一个下拉列表中选择特定选项,则一组选项应出现在另一个下拉列表中,如果我从第一个下拉列表中选择其他选项,则不同的选项集应出现在第二个下拉列表中下来。
我尝试制作 fiddle ,但不起作用。
function createOption(value) {
el = document.createElement('option');
el.value = value;
el.innerHTML = value;
el.id = value;
document.getElementById('select').appendChild(el);
}
if(document.getElementById('Type').value === "CD"){
document.getElementById('select').innerHTML = '';
createOption('Volvo');
createOption('Saab');
createOption('Fiat');
};
else{
document.getElementById('select').innerHTML = '';
createOption('Wood');
createOption('Brick')
}
请帮忙:)
最佳答案
您的代码的主要问题是您没有任何事件监听器来监听第一个下拉列表中将发生的实际“onchange”事件。
当前代码的简单解决方案如下:
function createOption(value) {
el = document.createElement('option');
el.value = value;
el.innerHTML = value;
el.id = value;
document.getElementById('select').appendChild(el);
}
document.getElementById('Type').addEventListener("change", function(){
if(document.getElementById('Type').value === "CD"){
document.getElementById('select').innerHTML = '';
createOption('Volvo');
createOption('Saab');
createOption('Fiat');
}
else{
document.getElementById('select').innerHTML = '';
createOption('Wood');
createOption('Brick')
}
});
关于javascript - 根据其他组合框中选定的选项更改下拉选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26183843/