Проблем с innerHTML

[torettos]

Здравейте имам следния проблем:

скрипта ми е:

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	<script>
		function change(text){
		var area = document.getElementById('textarea');
		area.innerHTML = text;
		}
	</script>
</head>
<body>
<select name="pole">
	<option value="0"></option>
    <option value="1" onClick="change('one')">1</option>
	<option value="2" onClick="change('two')">2</option>
	<option value="3" onClick="change('three')">3</option>
	<option value="4" onClick="change('four')">4</option>
	<option value="5" onClick="change('five')">5</option>
</select>
<br><br>
<div id="textarea" style="display:block; height:280px; width:500px;"></div>
<br>
</html>

като си работи страхотно но само под Firefox, но уви не и под IE. Идеята е следната - като се избере някое от "опциите" да визуализира текста към опцията.

Проблема ми е, че не мога да го накарам да тръгне под IE. Моля ако някой си има на представа как може да стане са ми пише ( давам +1 Support). Благодаря Ви предварително!

 

[trevata]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function change(text){
var area = document.getElementById('textarea');
area.innerHTML = text;
}
</script>
</head>
<body>
<select name="pole">
<option value="0"></option>
<option value="1" onChange="change('one')">1</option>
<option value="2" onChange="change('two')">2</option>
<option value="3" onChange="change('three')">3</option>
<option value="4" onChange="change('four')">4</option>
<option value="5" onChange="change('five')">5</option>
</select>
<br><br>
<div id="textarea" style="display:block; height:280px; width:500px;"></div>
<br>
</html>

:roll:

 

[torettos]

trevata - не се получава, продължава да не излиза нищо.

П.С.: други предложения? :roll:

 

[FRGT10]

<html> 
<head> 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
   <title>Untitled Document</title> 
   <script> 
      function change(text){ 
      var area = document.getElementById('textarea'); 
      area.innerHTML = text; 
      } 
   </script> 
</head> 
<body> 
<select name="pole" id="pole" onChange="change(document.getElementById('pole')[document.getElementById('pole').selectedIndex].id);">
   <option value="0"></option> 
   <option value="1" id="one">1</option> 
   <option value="2" id="two">2</option> 
   <option value="3" id="three">3</option> 
   <option value="4" id="four">4</option> 
   <option value="5" id="five">5</option> 
</select> 
<br><br> 
<div id="textarea" style="display:block; height:280px; width:500px;"></div> 
<br> 
</body>
</html>

Дано ти свърши работа.

 

[torettos]

FRGT10 - супер си човече 10x and a big + for you :?: