нашла удобное решение проблемы
Скрыть/показать элементы в зависимости от значения select,
но оказалось, что что-то не так и форма с этим решением не отправляется, где ошибка?
http://freefriends.ru/mail3_otvet/answer.php
скрипт
<script>
function Selected(a) {
var label = a.value;
if (label==2) {
document.getElementById("Label2").style.display='block';
document.getElementById("Label3").style.display='none';
} else if (label==3) {
document.getElementById("Label2").style.display='none';
document.getElementById("Label3").style.display='block';
} else {
document.getElementById("Label2").style.display='none';
document.getElementById("Label3").style.display='none';
}
}</script>>
вырезка из формы:
<dl class="row">
<dt class='lable'><label for="about"><strong>Проблема (вопрос):</strong></label></dt>
<dd class="field"><select id="about" class="Validate_Required " name="about" aria-required="true" onChange="Selected(this)">
<option value="1" selected="selected">Решена</option>
<option value="2">Не решена</option>
<option value="3">Требует дополнительной проработки</option>
</select>
</dd>
</dl>
<div id='Label2' style='display: none;'>
<dl class="row">
<dt class='lable'><label for="problem">Причина:</label></dt>
<dd class="field"><textarea rows="3" name="problem" id="problem" class="text required"></textarea></dd>
</dl>
</div>
<div id='Label3' style='display: none;'>
<dl class="row">
<dt class='lable'><label for="later">Пояснение:</label></dt>
<dd class="field"><textarea rows="3" name="later" id="later" class="text required"></textarea></dd>
</dl>
<dl class="row">
<dt class='lable'><label for="laterв"> <div class="small">необходимые для этого сроки</div>
</label></dt>
<dd class="field"><input type="text" id="datepicker1" name="laterd" /></dd>
</dl></div>