使用option元素显示两个div

时间:2013-01-24 20:35:41

标签: javascript jquery html

我是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

请在这里帮助我。

1 个答案:

答案 0 :(得分:1)

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

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

JS:

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