Javascript Html+js;填充选择
我需要一个简单的条件选择为我的html表单像这个例子还没有任何JS和CSS 逻辑:如果为任何“值”或任何“注释”选择了Category1,它将仅显示在选择的Category2、Category3和Category4上,该类别仅具有与Category1相同的“rel”标记 选择一 选择二 选择三 选择四 选择五 亚甲 次级B 分C 副D 次级E 子F 子G 亚氢 一些 一些B 一些C 其他A 其他B 其他C 其他CJavascript Html+js;填充选择,javascript,html,css,select,Javascript,Html,Css,Select,我需要一个简单的条件选择为我的html表单像这个例子还没有任何JS和CSS 逻辑:如果为任何“值”或任何“注释”选择了Category1,它将仅显示在选择的Category2、Category3和Category4上,该类别仅具有与Category1相同的“rel”标记 选择一 选择二 选择三 选择四 选择五 亚甲 次级B 分C 副D 次级E 子F 子G 亚氢 一些 一些B 一些C 其他A 其他B 其他C 其他C 我想这就是你想要的;至少从一开始 当类别1中的一个项目被选中时,它将循环通过其他
我想这就是你想要的;至少从一开始
当类别1中的一个项目被选中时,它将循环通过其他选项,然后循环通过它们各自的选项 我想这就是你想要的;至少从一开始
当类别1中的一个项目被选中时,它将循环通过其他选项,然后循环通过它们各自的选项 现在开始工作了,谢谢你的触发 特别感谢阿尔加兄弟的完成 document.getElementByIdcategory1.addEventListenerchange,函数E{ var selectedRel=this.options[this.selectedIndex].getAttribute'rel'; var selects=document.getElementsByTagName'select'; 对于索引=0;索引
document.getElementById("category1").addEventListener("change", function(e) {
var selectedRel = this.options[this.selectedIndex].getAttribute('rel');
var selects = document.getElementsByTagName('select');
for (index = 0; index < selects.length; ++index) {
// deal with inputs[index] element.
select = selects[index];
if (select.id !== "category1") {
var options = select.options;
for (index in options) {
try {
if (options[index].getAttribute('rel') == selectedRel) {
options[index].style.display = null;
} else {
options[index].style.display = "none";
}
} catch (e) {
//fail silently for invalid input
}
}
}
}
});