jQuery ile Anlık Olarak Veri Görüntüleme
Merhaba dostlar. :)
<pre>
<code>
<select id="select" name="veriler" multiple>
<option value="1">Patates</option>
<option value="2">Domates</option>
<option value="3">Biber</option>
<option value="4">Salatalık</option>
<option value="5">Üzüm</option>
</select>
<select id="select" name="paketler" multiple>
<option value="1" data-fiyat="50.00">Çuval</option>
<option value="2" data-fiyat="10.00">Poşet</option>
<option value="3" data-fiyat="20.00">Kasa</option>
</select>
<div class="sonuclar">
<ul class="veriler">
<li>Domates</li>
<li>Üzüm</li>
<li>Salatalık</li>
</ul>
<ul class="paketler">
<li>Çuval - 50.00 TL x3</li>
<li>Kasa - 20.00 TL x3</li>
</ul>
<div class="toplam-tutar">
210 TL
</div>
</div>
</code>
</pre>
Yukarıda görüldüğü üzere bir sayfam var. Amacım <b>.veriler</b> select'inden ve <b>.paketler</b> select'inden seçilenleri anlık olarak <b>.sonuclar</b> div'imin içerisindeki ilgili <b>li</b>'lere yazdırmak.
Fiyat hesaplamasını ise <b>.veriler</b>'den seçilen kadar (örneğin 3 adet seçildi) <b>.paketler</b>'i çarpmak, bunu da anlık olarak yazdırırken yanına yazdırmam gerekiyor.
Ve <b>.toplam-tutar</b> div'ime toplam tutarı yazdırmam gerekiyor. Bunu nasıl yaparım nasıl ederim 1 gün boyunca uğraştım çözemedim.
Yardımlarınıza ihtiyacım var dostlar, sağlıcakla ve sevgi ile... :)
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Merhaba,
Daha önce Tayfun Erbilen'in örnek yapısı mevcut işini görecektir.
Link : http://www.erbilen.net/jquery-ajax-ile-anlik-veri-guncellemesi-uygulamasi/