1

私は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 では動作しません

ここで私を助けてください。

4

1 に答える 1

1

SELECT 自体のイベントにフックし、onchangeそこからどのオプションが選択されたかを判断する必要があります。

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

JS:

function selChange(select) {
    selectedValue = select.options[select.selectedIndex].value;
    if(selectedValue == 'whatever') {
    ....your code...
    }
}
于 2013-01-24T20:44:18.760 に答える