Есть форма, которая прячет/отображает поля в зависимости от выбора select. Когда поля прячутся, значения остаются. Как очистить значения для спрятанных элементов формы?
$(document).ready(function() {
$.viewInput = {
'0' : $([]),
'imobil' : $('#imobil'),
'auto' : $('#auto'),
};
$('#otherFieldOption').change(function() {
$.each($.viewInput, function() { this.hide(); });
$.viewInput[$(this).val()].show();
});});
<form id="myForm" method="post" action="new_ad_auction.php"><fieldset>
<select class="dropdown" name="Items" id="otherFieldOption">
<option>Выбрать...</option>
<option value="imobil">Недвижимость</option>
<option value="auto">Авто</option>
</select>
<div id="imobil">
<select class="dropdown" name="Items">
<option>Квартиры</option>
<option>Дома</option>
</select></div>
<div id="auto">
<select class="dropdown" name="Items">
<option>Легковые</option>
<option>Грузовые</option>
</select></div>
<input type="submit" name="Submit" value="Submit" class="btn" onclick="this.blur();" />
</fieldset>
</form>
Есть предположение что нужно вставить функцию getElementById в начальный селект:
<select class="dropdown" name="Items" id="otherFieldOption" onClick="javascript:document.getElementById('Items1').value='';">
<option>Выбрать...</option>
<option value="imobil">Недвижимость</option>
<option value="auto">Авто</option>
</select>
Но что-то не работает
