Нашла скрипт, что бы при выборе из списка, появлялось дополнительное поле. Но вот в чем проблема: когда только открываешь форму, выпадают оба поля. Может кто разберется, как это исправить. Очень нужна помощь
html
<tr>
<td>
<p style="font-size:11; color:#000000;
font-family: verdana, serif;" align="left">Доставка <span style="color:red;">*</span></p>
<td>
<select class="dropdown" name="Items" id="otherFieldOption">
<option>Выберите вид доставки</option>
<option value="otherField2">Самовывоз</option>
<option value="otherField">Доставка по адресу</option>
</select>
<div id="otherField">
<label><br />Адрес доставки:</label>
<input type="text" name="otherField" class="textfield" size=40 />
</div>
<div id="otherField2">
<label><br />Невский 19</label>
<input type="text" name="otherField" class="textfield" size=40 />
</div>
javascript
$(document).ready(function() {
$.viewInput = {
' ' : $([]),
//THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD
'otherField' : $('#otherField'),
'otherField2' : $('#otherField2'),
};
$('#otherFieldOption').change(function() {
// HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED
$.each($.viewInput, function() { this.hide(); });
// SHOWS THE INPUT FIELD ITEM IF SELECTED
$.viewInput[$(this).val()].show();
});
});