в нижней части вообще всё не так..
зачем ты заключил html код в <style>????
html вообще трогать не надо.
вот как должна выглядеть страница:
<html>
<head>
<style>
#posZhanr, #posSlova, #posSobitie{
display: none;
}
</style>
<script>
function ChangeText(id, cl) {
if((c1==="«100»")||((c1==="«200»")||(c1==="«300»"))){
document.getElementById('posZhanr').style.display = 'block';
document.getElementById('posSlova').style.display = 'block';
document.getElementById('posSobitie').style.display = 'block';
}
var o = document.getElementById(id);
if (o) .....
}
</script>
</head>
<body>
<select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok">
<option value=" "> </option>
<option value="«100»">«100»</option>
<option value="«200»">«200»</option>
<option value="«300»">«300»</option>
<option value="1 день">1 день</option>
<option value="Неделя">Неделя</option>
<option value="2 недели">2 недели</option>
<option value="Месяц">Месяц</option>
</select>
<div align="left"><label class="p-main" for="posZhanr"><b></b></label>
<select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posZhanr" id="posZhanr"></div>
<option value=" "> </option>
<option value="левый">левый</option>
<option value="правый">правый</option>
<option value="верхний">верхний</option>
<option value="нижний">нижний</option>
</select>
<div align="left"><label class="p-main" for="posSlova"></label>
<input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div>
<div align="left"><label class="p-main" for="posSobitie"></label>
<input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div>
</body>
</html>