Sepet için Ürün Sayısını Güncelleme

Ürün Sayısı ;

<select name="adet">
<option value="1" selected>1</option>
<option value="2">2</option>
</select>

Sepete Ekle Butonu;

<a href="javascript:SepeteEkle('URUN_ID','URUN_SAYISI');">SEPETE EKLE</a>

Select ile seçilen ürün sayısını anlık olarak SEPETE EKLE Butonundaki URUN_SAYISI na nasıl aktarabilirim?

yokmu bilgisi olan?

O değeri databese'de tutman daha iyi olur gibi geldi. Öle tutarsan eğer zaten çekerken güncel çekecektir. Öyle yapmazsan da zaten üst tarafında değişken olması lazım ne biliyim dışarda general variable olarak var tutup onu değiştirdiğinde olabilir. Onun dışında Php ile de halledebilirisin. Kolay gelsin. Ama önerim database şart

İster veritabanı kullanın, isterseniz session kullanın çözüm ajax olacaktır. Örneğin database kullandınız ve sepete ekle dediğinizde ürün idsini üye idsi ile birlikte sepet tablosuna eklediniz en basit şekilde, o kısımın anlık güncellenmesi için sayfanın yenilenmesi lazım ajax kullanırsanız sadece ilgili rakamın yazıldığı bölümü güncellersiniz. İşlemleri başka bir php sayfasında yapıp sonucu basın, load fonksiyonu ile bu sayfaya belirli saniye aralıklarında istek gönderin güncel içeriğinizi yansıtır.

Ajax ile zaten ürünü veritabanına yazıp ekrana bastırıyorum onda sıkıntı yok. Ancak

<a href="javascript:SepeteEkle('URUN_ID','1');">SEPETE EKLE</a>

burdaki 1 sabit olarak elle giriyorum onuda anasayfa için kullanıyorum. İstediğim ise müşteri ürün sayfasına girdiğinde 1den fazla ürün eklemek isteyecek o zaman select ile seçecek ya onu nasıl aktarabilirim. Yani Select deki value değerini Sepete Ekle butonundaki URUN_SAYISI kısmına anlık aktarmam lazım

Merhaba,

bu sistem için keyup olayını kullanabilirsiniz. Keyup klavyeden bir tuşa basılıp bırakıldığında işlemi tetiklemek için kullanılır. Bu tetikleme sayesinde ajax ile değeri php sayfasına aktarıp oradan güncelleme işlemi yapabiliriz.

Örnek olarak şöyle bir yapı olabilir.

sepet sayfasında ki html arayüz kısmı için ;

<input type="text" id="urun_adet" name="adet">

Şu şekilde bir yapı olsun, burada adet girilen inputa id değeri vermeyi unutmayalım.


Sonra gelelim jquery kısmına.

<script type="text/javascript">
	$(function(){

		$("#urunadet").keyup(function(){

			var adet= $(this).val();
			ajax işlemleri...
		});
	});
	</script>

Burada ise jquery keyup methodunu kullanarak id ile inputta ki klavyeye basılma işlemini yakaladık. Sonra adet diye bir değişken oluşturup yeni girilen değeri aldık ve sonra jquery ajax methoduyla yolluyoruz. Bu kadar basit