listeden seçilen ürünün fiyatı alma

Merhaba arkadaşlar benim bir sorunum var başlıkta da belirttiğim gibi selectbox selaction option İçerisinde görsellerim var şu anda rastgele https://placeholder.com/ Üzerinden ürettiğim Random Resimler Bu Seçtiğim görseli önizleme kısmın da görebiliyorum Sorun bu değil Sorun seçtiğim görselin bir fiyatı var değeri var Ben bu değeri fiyat birim kısmına alamıyorum zaten öleceksiniz fiyat birim kısmında ürünün ana fiyat olarak belirlenen 100 TL euro dolar gibi birimler mevcut 100 deyim Ben bunu Her değişen ürüne göre fiyatı da değiştirmek istiyorum Kullandığım jquery java kodunu Ve ne demek istediğimi daha güzel anlayacağınız görselleri aşağıda bırakıyorum Umarım sorunumu anlatabilmişimdir umarım sorunumun doğru yedide burasıdır Ben normalde PHP yazılım dilinde hakimin Java ve Kütüphanelerinde fazla hakim Olamadığım için sorunumu çözemedim Şimdiden herkese teşekkür ederim


Java Jquery kodu

html kodu

<td>
<!-- Fiyatların geleceği input -->
<input name="fiyat" class="fiyat hesaplama form-control" disabled="" value="<?= $UrunCek['Urun_Fiyat_iyi']; ?>"/>

</td>
<td>
<!- Ürün görsellerini seçtiğim select- -->
<input class="kdvsiztoplam form-control" id="kdvsiztoplam" value=""
readonly="readonly"/></td>

<td>
<select class="form-control" id="colour" onChange="swapImage()">
<option value="https://via.placeholder.com/240x240.png?text=sec">Kapak Seç</option>
<option value="https://via.placeholder.com/240x240.png?text=beyaz">Beyaz</option>
<option value="https://via.placeholder.com/240x240.png?text=helizon">Helizon</option>
<option value="https://via.placeholder.com/240x240.png?text=zebra">Zebra</option>
</select>
</td>
<td>
<!-- ön izleme yaptığım img etiketi  -->
<img id="imageToSwap" width="100" src="https://via.placeholder.com/240x240.png?text=sec" />
</td>

görseller

Öncelikle option value değerlerine resimlerin linklerini çekmişsin belli ki bu resimler veritabanından besleniyor her resmin fiyatıda veritabanından geliyor anlaşılan her option içerisinde data-fiyat şeklinde bir attribute eklemen onun içerisinede fiyatları çekmen gerekiyor sana örnek olsun diye aşağıya ekliyorum nasıl yapacağın konusunda.

<select class="form-control" id="colour" onChange="swapImage(this)">
<option value="https://via.placeholder.com/240x240.png?text=sec" data-fiyat="urunFiyat">Kapak Seç</option>
<option value="https://via.placeholder.com/240x240.png?text=beyaz" data-fiyat="urunFiyat">Beyaz</option>
<option value="https://via.placeholder.com/240x240.png?text=helizon" data-fiyat="urunFiyat">Helizon</option>
<option value="https://via.placeholder.com/240x240.png?text=zebra" data-fiyat="urunFiyat">Zebra</option>
</select>

Daha sonrasında bu ürünlerin fiyatlarını aşağıdaki kod yardımıyla çekebilirsin hocam..

function swapImage(e) {
var link = $(e).val();
var fiyat = $(e).attr("data-fiyat");
console.log(link);
console.log(fiyat);
}

Teşekkür ederim yorumunuz için