Javascript-форум - Дефолтные значения для спрятанных элементов формы

Есть форма, которая прячет/отображает поля в зависимости от выбора 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>

Но что-то не работает