2013-04-25 99 views
-1

在除IE以外的所有其他瀏覽器中都可以正常工作。即使在IE10中,它也不想合作。任何幫助,將不勝感激。我有一個帶有下拉菜單的表單,當不同的用戶進行選擇時,它會以不同的形式顯示一個div,我們有10種可供選擇的表單。現在它在IE中不做任何事情,沒有控制檯錯誤或任何東西。腳本不能在IE中工作

腳本

var sections = { 
    'second': 'section2', 
    'third': 'section3', 
    'forth': 'section4', 
    'fifth': 'section5', 
    'sixth': 'section6', 
    'seventh': 'section7', 
    'eigth': 'section8', 
    'ninth': 'section9', 
    'tenth': 'section10', 
    'eleventh': 'section11' 
}; 

var selection = function (select) 
{ 
    for (i in sections) 
    document.getElementById(sections[i]).style.display = "none"; 
    document.getElementById(sections[select.value]).style.display = "block"; 
} 
$("#target option") 
    .removeAttr('selected') 
    .find(':first') 
    .attr('selected', 'selected'); 

的HTML

<select id="forms" onchange="selection(this);"> 
    <option >Select an option</option> 
    <option value="tenth">General Inquiry</option> 
     <option value="second">Account Inquiry</option> 
     <option value="third">ARC Request</option> 
     <option value="forth">Contact Information Update</option> 
     <option value="fifth">Contact your Board</option> 
     <option value="sixth">Document Request</option> 
     <option value="seventh">Maintenance Issue Reporting</option> 
      <option value="eigth">Violations Reporting</option> 
      <option value="ninth">Closing Statement</option> 
      <option value="eleventh">Request for Proposal</option> 


    </select> 

然後11 div的

<div id="section10" style="display:none;"> 
<h2>General Inquiry</h2> 

</div> 
+3

「任何幫助,將不勝感激「 - 是的,我們希望得到諸如」什麼都行不通「,」你得到什麼錯誤「等事情的幫助。 – 2013-04-25 12:56:22

+3

如果你能說出」不工作「的含義,這將有所幫助。控制檯中是否有錯誤?你期望它做什麼以及它做了什麼? – JJJ 2013-04-25 12:56:35

+0

@ alex23這沒有必要。 – JJJ 2013-04-25 12:57:51

回答

1

你的問題真可謂是selection has special meaning inside IE

爲您的代碼,IE會產生以下錯誤

SCRIPT5002: Function expected 

告訴一些有關的問題。

一種解決方法,以防止這個問題是要改變你的函數的名稱,如

var selectionFunc = function (select){...} 

,並在您的標記,

<select id="forms" onchange="selectionFunc(this);"> 
.... 
</select> 

我希望它能幫助