JavaScript css стиль не работает в IE

Question

JavaScript css стиль не работает в IE, он работает в Chrome и Mozilla.

Это мой код:

document.ready=function() { 
     var val = document.getElementById("registration_select").value; 
     if(val =="Relay - Ultra, Standard and Sprint distances (Men/Women/ Mixed) - open to all Age-Groups & Juniors above 16"){    
     document.getElementById("register_right").style.display="block"; 
     } 
     else{    
     document.getElementById("register_right").style.display="none"; 
     } 

registration_select.onchange=function(){ 
     var val = document.getElementById("registration_select").value; 
     if(val =="Relay - Ultra, Standard and Sprint distances (Men/Women/ Mixed) - open to all Age-Groups & Juniors above 16"){    
     document.getElementById("register_right").style.display="block"; 
     } 
     else{    
     document.getElementById("register_right").style.display="none"; 
     } 
    } 
}; 

Это мой HTML

<select id="registration_select" name="Category"> 
<option value="category1">category1</option> 
<option value="Relay - Ultra, Standard and Sprint distances (Men/Women/ Mixed) - open to all Age-Groups & Juniors above 16">Relay - Ultra, Standard and Sprint distances (Men/Women/ Mixed) - open to all Age-Groups & Juniors above 16</option> 
</select> 

<div id="register_right"> 

<h3>Team Mate Profile</h3> 

</div> 

И Это мой CSS

#register_right{float:right; display:none; width:49%;} 

Пожалуйста, помогите. Заранее спасибо.

Answer 1

Попробуйте

jQuery(function($) { 
     var val = document.getElementById("registration_select").value; 

      if(val =="Relay - Ultra, Standard and Sprint distances (Men/Women/ Mixed) - open to all Age-Groups & Juniors above 16"){    
       document.getElementById("register_right").style.display="block"; 
      } 
      else{    
       document.getElementById("register_right").style.display="none"; 
      } 

      document.getElementById("registration_select").onchange=function(){ 
       var val = document.getElementById("registration_select").value; 
       if(val =="Relay - Ultra, Standard and Sprint distances (Men/Women/ Mixed) - open to all Age-Groups & Juniors above 16"){    
        document.getElementById("register_right").style.display="block"; 
       } 
       else{    
        document.getElementById("register_right").style.display="none"; 
       } 
      } 

    });