我是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
请在这里帮助我。
答案 0 :(得分:1)
您需要挂钩SELECT本身的onchange
事件,并从那里确定选择了哪个选项。
<select onchange="selChange(this)">...
JS:
function selChange(select) {
selectedValue = select.options[select.selectedIndex].value;
if(selectedValue == 'whatever') {
....your code...
}
}