javascript - javascript IEの問題。IE のみで動作しない

Question

分岐ドロップ ダウン効果があります (名前がわからない)。私はjavascriptとjqueryが得意ではありませんが、ほとんど変更することはできません.そして、その知識でこの Effect を作成しました.

ライブデモを見ることができます: http://saifraihan.webege.com/Branching%20New/branching.html

これが私のものです：

HTML

<form id="survey" action="#" method="post">
    <div id="section">
            <label for="Select">Select a step</label>
            <select id="select" onchange="selection(this);">
                    <option value="none">
                            Input1
                    </option>
                    <option value="radio">
                            Radio1
                    </option>
            </select>
    </div>
    <div id="section2" style="display:none;">
            <input name="" type="text">
    </div>
    <div id="section5" style="display:none;">
            <p>
                    Radio Step 1<br/>
                    <label>
                            <input type="radio" name="RadioGroup2" value="radio" id="RadioGroup2_0">
                            Radio</label>
                    <br>
                    <label>
                            <input type="radio" name="RadioGroup2" value="radio" id="RadioGroup2_1">
                            Radio</label>
                    <br>
            </p>
    </div>
</form>

JS:

var sections ={
'none': 'section2',
'radio': 'section5'



};

var selection = function(select) {

 for(i in sections)
    document.getElementById(sections[i]).style.display = "none";    
    document.getElementById(sections[select.value]).style.display = "block";

}

この例は、 FF 、 Chrome 、および Opera でうまく機能します。しかし、問題は、どのバージョンの IE でも機能しないことです。理由はわかりません。私は JavaScript が苦手なので、これが IE で実行されない理由がわかりません。これの解決策はありますか？できれば IT は素晴らしいものになります。

前もって感謝します 。