Dostlar merhaba. Javascriptte seçilen option a göre resmi değiştirmek istiyorum. Select'e onchange ile fonksiyon tanımlıyorum. Fonksiyon için switch case ya da if else if else neyle yaparsam yapayım selectedIndex'i hep 0 verdiği için aynı sonuç çıkıyor. Kodlar ve ekran görüntüleri aşağıda mevcut. Sizce nerede hata yapıyorum?

<div class="col-lg-6 col-md-12">
<div class="form-group">
<label for="" class="text-primary">Aranan Araç Özelliği</label>
<img src="" alt="" id="tirresmi"><span id="hata"></span>
<form>
<select class="form-control" id="tirturu" onchange="imageChange()">
<option value="1">Tenteli TIR</option>
<option value="2">Jumbo TIR</option>
<option value="3">Treylerli normal TIR(optima)</option>
<option value="4">Treylerli Jumbo TIR</option>
<option value="5">Normal Açık TIR</option>
<option value="6">Damperli TIR</option>
<option value="7">Jumbo Açık TIR</option>
<option value="8">Lowbed TIR</option>
</select>
</form>
</div>
</div>
------------------------------------------
var tirturu = document.getElementById("tirturu");
var tirresmi = document.getElementById("tirresmi");
var secili = tirturu.selectedIndex;



function imageChange() {
switch(secili) {
case 0:
tirresmi.src = "assets/img/tenteli_tir.jpg"
break;
case 1:
tirresmi.src = "assets/img/jumbo_tir.jpg"
break;
case 2:
tirresmi.src = "assets/img/treylerli_normal_tir.jpg"
break;
case 3:
tirresmi.src = "assets/img/treylerli_jumbo.jpg"
break;
case 4:
tirresmi.src = "assets/img/acik_tir.jpg"
break;
case 5:
tirresmi.src = "assets/img/damperli_tir.jpg"
break;
case 6:
tirresmi.src = "assets/img/jumbo_tir.jpg"
break;
case 7:
tirresmi.src = "assets/img/lowbed_tir.jpg"
break;
default:
document.getElementById("hata").innerText = "Resmin yüklenmesinde hata. " + secili;
}
}