v2.5.2
Giriş yap

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

redline
1,703 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... :)

Cevap yaz
Cevaplar (2)
redline
1604 gün önce

@gokcin Hocam attığın bağlantının benim bahsettiğim konuyla uzaktan yakından alakası yok. Sadece konu başlığına bakarak konuyu okumadan atmışsınız diye tahmin ediyorum, bu arada attığınız videoyu ve benzeri videoları çok kez izledim daha önce.

gokcin
1605 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/