v2.5.2
Giriş yap

jQuery ile Anlık Olarak Veri Görüntüleme

redline
1,714 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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... :)

gokcin
1636 gün önce

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/