Lista rozwijalna html, blokada pol w lisci rozwijalnej Opcje

[todl]

Witam,
Po raz pierwszy zaczołem prace nad tworzeniem formularza zgłoszeniowego w html i mam problem. Chcę aby po kliknięciu w pierwszym oknie Alfa Romeo znikały dwa ostatnie model (10, Spartan) w drugim oknie (Model) i odwrtonie po kliknięciu w pierwszym oknie Aro aby znikały wszystkie oprocz dwóch ostatnich w drugim oknie (Model). Proszę o pomoc ponieważ nie mogę się połapać czy to ma być poprzez id czy poprzez name i gdzie to ma być usytuowane.

<p>Wybierz markę samochodu:</p>

<select name="Marka">

<option>Alfa Romeo</option> onclick="document.getElementByid('1').style.display = this.checked ? 'block' : 'none'/>

<option>Aro</option>


</select>
<p>Wybierz model:</p>
<select name="Model">
<option>6 (119)</option>
<option>33 (905)</option>
<option>33 Sportwagon (905A)</option>
<option>33 (907A)</option>
<option>33 Sport Wagon (907B)</option>
<option>75 (162B)</option>
<option>90 (162)</option>
<option>145 (930)</option>
<option>146 (930)</option>
<option>147 (937)</option>
<option>155 (167)</option>
<option>156 (932)</option>
<option>156 Sportwagon (932)</option>
<option>159</option>
<option>159 Sportwagon</option>
<option>164</option>
<option>166 (936)</option>
<option>ALFASUD Sprint (902.A)</option>
<option>ALFETTA GT (116)</option>
<option>ARNA (920)</option>
<option>BRERA</option>
<option>GIULIETTA (116)</option>
<option>GT</option>
<option>GTV (116)</option>
<option>GTV (916C_)</option>
<option>SPIDER (115)</option>
<option>SPIDER (916S_)</option>
id="1" <option>10</option>
id="2" <option>SPARTANA</option>



</form>

Wiem już że chyba muszę użyć javascript ale nie mam pojęcia jak to zrobić jeżeli ktoś jest w stanie mi to wyjaśnić krok po kroku będę bardzo wdzięczny