Select seçildiğinde işlem yapılması
Selectbox da verim var bu veriye göre id degeri odemeekran divine hidden field ve yazı yazdırmak istiyorum nasıl yapabilirim?
Yazı :
1 adet aldığınız A Kalemi fiyatı 50 tl
value degerinden adet fiyatını alıp ürün adını select deki urunadi dan alması gerekiyor.
Nasıl yapabilirim?
<div class="alert alert-primary mt-3" role="alert" id="odemeekrani">
</div>
<select class="form-control form-control-sm" onchange="odemegoster()" name="urun1" id="urun1" urunadi="A Kalemi">
<option fiyat="0" value="0">Seçiniz..</option>
<option fiyat="50" value="1">1</option>
<option fiyat="60" value="2">2</option>
<option fiyat="75" value="3">3</option>
<option fiyat="105" value="4">4</option>
</select>
<script>
$(document).ready(function(){
odemeekrani.style.display = "none";
});
function odemegoster() {
if (odemeekrani.style.display == "none") {
odemeekrani.style.display = "";
}
}
<script>
Aşagıdaki hatayı verdi.
onchange de kullandıgım fonksiyona ekledim.
function odemegoster() {
if (odemeekrani.style.display == "none") {
odemeekrani.style.display = "";
}
{
$( "#sepet" ).append('<div class="row font-monospace"><div class="col">A asd kalemi</div><div class="col">222</div><div class="col">222 TL</div></div>');
}
[document.querySelectorAll("select.oda")].forEach(urun => {
// Eğer Select Değişirse (onChange)
urun.addEventListener("change", function(e) {
// data-urunadi nın değerini aldık
var urunadi = this.dataset.urunadi;
//şimdi seçilmiş olan option un fiyatını ve değerini alıcaz
var secilmisOption = this.options[this.selectedIndex];
console.log("Ürün => " + urunadi);
console.log("Fiyat => " + secilmisOption.dataset.fiyat);
console.log("Kaç Tane Alındı => " + secilmisOption.value);
})
})
}
Uncaught TypeError: urun.addEventListener is not a function
at (index):656
at Array.forEach (<anonymous>)
at odemegoster ((index):653)
at HTMLSelectElement.onchange ((index):156)
Bilerek