<script type="text/javascript"> 

	function selection(){
	var arr = [ 
	"<red>Внимание</red> : Выберите тему 1111" ,
	"<red>Внимание</red> : Выберите тему 2222" ,	
	"<red>Внимание</red> : Выберите тему 3333" ,
	"<red>Внимание</red> : Выберите тему 4444" ,	
	"<red>Внимание</red> : Выберите тему 5555" ,	
	"<red>Внимание</red> : Выберите тему 6666" ,	]
	var selObj = document.getElementById('suptema');
	var supTema = document.getElementById('tip_sup');
	var selIndex = selObj.selectedIndex;
	supTema.innerHTML = arr[selIndex];
	if(selIndex != 0){
	document.getElementById("text_sup_resp1").style.display   = 'inline';
	document.getElementById("text_sup_resp2").style.display   = 'inline';
	document.getElementById("text_sup_resp3").style.display   = 'inline';
	}else{
	document.getElementById("text_sup_resp1").style.display   = 'none';
	document.getElementById("text_sup_resp2").style.display   = 'none';
	document.getElementById("text_sup_resp3").style.display   = 'none';
	}
	
	}
	
	
	


	</script>
<p class="rs-element">
<label for="login">Тема:</label>
<span class="indicator">
<select id="suptema" name="suptema" title="Выберите тему" tabindex="1"  onchange="selection();">
<option value="">-Выберите тему-</option>
<option value="1">Данные</option>
<option value="2">Данные </option>
<option value="3">Проблема </option>
<option value="4">Проблема </option>
<option value="5">Другая...</option>
</select>
</span>
<p class="tip_sup">
<span id="tip_sup"></span>
</p>
</p>
<p id="text_sup_resp1" class="rs-element">
<label for="passwd" class="supltext">Текст:</label>
<span class="indicator"><textarea name="supresp" id="supresp" class="supresp"></textarea></span>
</p>
<p id="text_sup_resp2" class="rs-element">
<label for="enter">&nbsp;</label>
<input type="submit" id="enter" class="submit" value="Отправить запрос" tabindex="1" title="Отправить запрос">
</p>
<script type="text/javascript">
 selection();
 </script>