• 24-10-2020, 17:34:57
    #1
    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;
    }
    }

  • 24-10-2020, 17:42:06
    #2
    var secili =0;


    fonksiyon her çalıştığında tekrar seçili indexi çağırması gerekir

    function imageChange() {

    secili = tirturu.selectedIndex;

    switch(secili) {
    case 0:
    tirresmi.src = "assets/img/tenteli_tir.jpg"
    break;
  • 24-10-2020, 17:46:03
    #3
    darness adlı üyeden alıntı: mesajı görüntüle
    var secili =0;


    fonksiyon her çalıştığında tekrar seçili indexi çağırması gerekir

    function imageChange() {

    secili = tirturu.selectedIndex;

    switch(secili) {
    case 0:
    tirresmi.src = "assets/img/tenteli_tir.jpg"
    break;

    Aynen hocam ya. Yarım saattir nasıl kaçırıyorum böyle bir şeyi hayret ediyorum. secili değişkenini imageChange içine aldım sorun çözüldü. Teşekkürler.
  • 24-10-2020, 17:46:53
    #4
    OrhanCekic adlı üyeden alıntı: mesajı görüntüle
    Aynen hocam ya. Yarım saattir nasıl kaçırıyorum böyle bir şeyi hayret ediyorum. secili değişkenini imageChange içine aldım sorun çözüldü. Teşekkürler.
    rica ederim kolay gelsin