javascript - 使用选项元素显示两个 div

Question

我是 javascript 和 stackoverflow 的新手。

请暴露我的英语知识和javascript知识。

在这里......我的页面中有选择选项下拉菜单。我有div。

下面是我的代码，这在 Firefox 中运行良好，但在 ie 或 google chrome 中运行良好

function show_visibility(){
for(var i = 0,e = arguments.length;i < e;i++){
var myDiv = document.getElementById(arguments[i]).style;
myDiv.display = 'block';
}
}

function hide_visibility(){
for(var i = 0,e = arguments.length;i < e;i++){
var myDiv = document.getElementById(arguments[i]).style;
myDiv.display = 'none';
}
}

这是我的html代码…………

<select style="width:205px;padding:4px;margin-left:1px;">
  <option onClick="show_visibility('foo1','foo4');hide_visibility('foo2','foo3', 'foo4','foo5','foo6','foo7') ">Program Eligibility Report</option>
  <option onClick="show_visibility('foo2','foo5');hide_visibility('foo1','foo3', 'foo4','foo6') ">Audit Report</option>
  <option onClick="show_visibility('foo3','foo6');hide_visibility('foo1','foo2', 'foo4','foo5') ">Status Change Report</option>
  <option value="option4">Family Affiliation Audit Report</option>
  <option value="option5">Marketing Category Report</option>
  <option value="option6">Pending Approval Report</option>
</select>

对于上述代码在 Firefox 中完美运行，但在 IE 中无法运行

请在这里帮助我。

Answer 1

您需要挂钩onchangeSELECT 本身的事件，并从那里确定选择了哪个选项。

<select onchange="selChange(this)">...

JS：

function selChange(select) {
    selectedValue = select.options[select.selectedIndex].value;
    if(selectedValue == 'whatever') {
    ....your code...
    }
}