顯示使用選項元素的兩個div

我是JavaScript新手，也是stackoverflow。顯示使用選項元素的兩個div

請裸露我的英語知識和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中

請在這裏幫我。

來源

2013-01-24 user2008921

的[選項的onclick替代（http://stackoverflow.com/questions/8628082/option-onclick-alternative） –

你應該使用這個選項去可能重複。 .. – Wolf

您需要掛鉤SELECT本身的onchange事件，並從那裏確定選擇了哪個選項。

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

JS：

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

來源

2013-01-24 20:44:18

嗨感謝您的幫助。你能否給我提供一些例子。所以這會有所幫助。感謝和問候 – user2008921

喜@Diodeus 一些地方我得到鬥爭ü可以解釋我多一點請在上面的代碼（代碼），所以在這裏，我需要把我的函數或東西的onClick敬請負我這裏 – user2008921

刪除你的onlick。從我的例子中加入onchange。在「if」塊中，輸入您的show_visibility代碼，每個值爲

顯示使用選項元素的兩個div

回答

相關問題