根据其他组合框中的选定选项更改下拉选项
Change the drop down option based on the selected option from other combobox
我有两个下拉菜单,如果我从第一个下拉菜单中选择一个特定选项,则一组选项应显示在另一个下拉菜单上,如果我在第一个下拉列表中选择其他选项,则不同的选项集应显示在第二个下拉菜单下。
我试着做一把小提琴,但不起作用。
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')
}
http://jsfiddle.net/33tJR/10/
请帮助:)
代码的主要问题是,在第一个下拉列表中发生的实际"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')
}
});
相关文章:
- 使用jQuery选项卡来显示或隐藏其他内容
- 无法在其他调用上设置jQuery对话框选项
- 选择框已禁用或由其他选择框的某个选项启用
- 如何使用CSS设置所选选项的样式,而不设置所有其他选项的样式
- 编写脚本以关闭其他选项卡或浏览器
- 从下拉列表中选择其他选项时激活文本框
- DateRangePicker 不适用于“今天”,但可以使用其他选项
- 如何使用其他下拉列表中未选择的选项填充下拉列表
- 我创建了一个下拉列表,以及如何显示所选项目的其他列数据
- 如何使用“引导”来选择引导选项卡;下一个“;按钮我遵循了其他答案,但没有奏效
- Meteor AutoForm:如何基于其他控件更新选择选项
- 根据选择选项启用/禁用其他输入
- 如果选择框已在其他框中选中,则从该框中删除选项
- 使用AngularJS中的ngOptions隐藏其他列表中的选定选项
- 下拉菜单的第一个选项不是一个选项;强制使用其他选项
- 删除在单击其他选项卡时生成的url查询元素的一部分
- 在这种javascript情况下,除了eval之外的任何其他选项
- 在其他选项卡中打开链接
- 使用页面上其他位置的链接激活选项卡
- 在更改或其他选项上