Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Jquery destekli Sipariş Formu Nasıl Yapılır ?

Merhaba

Bir form oluşturmak istiyorum, Formda ürün, adet, fiyat bölümleri olacak. Ürün Selectbox olup veritabanından seçtiğimiz ürünün fiyatıyla birlikte gelecek yani value de fiyat gelecek. Seçilen miktarla birim fiyat çarpılıp fiyatı jquery ile hesaplayacak. İstenirse Siparişe daha çok ürün ekleyebilmek için bir buton olacak ve tıklandığında yeni satır oluşacak. Ve en altta bütün satırlardaki fiyatlar toplanıp genel toplam jquery ile hesaplanacak. Yine buton yardımı ile istediğimiz satır daha sonradan silinebilecek. Daha iyi anlatabilmek için resim ekliyorum. Bu işlemin html ve php olan kısımlarını halledebiliyorum ama jquery olması gereken yerler hakkında yardımcı olabilirseniz sevinirim. Kullanmam gereken fonksiyonlar ya da bu türde yapılmış örnek lazım. Teşekkürler..

Ekli Dosyalar

+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • 1
    teacher0610 adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    54 cevap - 29 soru
    $(document).ready(function(){
        var sonuc=0;
        sonuc = $("#urun_adi_idsi").val()*$("#adet_id").val();
       $("#tutar_idsi").val(sonuc);
    });
    
    
    


    Bu örnek sadece bir alan için. Bunu istediğin yere göre uyarlayabilirsin. Jquery i de sayfana dahil etmeyi de unutma.
    • heatclife adlı üyenin fotoğrafı heatclife
      hocam örnek kod aşağıdaki gibi olsa mesela buna nasıl uygularım, birde satır ekleme ve silme işlemi yapmam lazım

      <html>
      <head>
      </head>
      <body>
      <form action="deneme.php" method="post" name="siparis" accept-charset="utf-8">
      <table border="0">
      <tr>
      		<td>		İSLEM:<select name="urun_1">
      						<option value="SEÇ">Ürün seç</option>
      						<option value="20">ayakkabı</option>
      						<option value="30">çanta</option>
      				      </select>
      		</td>
      		<td>
      				Miktar: <input type="text" name="tutar_1" />
      		</td>
      		<td>
      				Tutar: <input type="text" name="tutar_1" />		
      		</td>
      </tr>
      </table>
      <br />	
      Toplam tutar:<input type="text" name="toplamtutar" />	
      <br />
      <br />
      			<input type="submit" value="Kaydet" />
      
      		</form>
      </body>
      
      </html>
      9 yıl önce yazılmış
    • teacher0610 adlı üyenin fotoğrafı teacher0610
      <script src="js/jquery.js"></script>
      <script type="text/javascript">
         
          $("#miktar1").change(function(){
          var sonuc=0;
          sonuc = $("#urun:selected").val()*$("#adet_id").val();
         $("#tutar_idsi").val(sonuc);
      });
      </script>
      


      Bu kod gerekli hesaplamayı adet alanı değiştikçe yapar. Ancak formunun düzenlenmesi lazım. Input alanların name leri aynı. Ayrıca bunları jquery ile yönetebilmen için name ile birlikte id özelliğinide kullanman lazım. Böyle bir işi yapmak için önce biraz jquery çalışmanı öneririm. Yazım kuralları, seçiciler, olaylar (en azından temel seviyede). Yoksa her aşamada sıkıntı yaşamaya devam edersin. Kolay gelsin.
      9 yıl önce yazılmış
    • heatclife adlı üyenin fotoğrafı heatclife
      Teşekkür ederim. Dediğiniz gibi benim en azından temel bilgilere çalışmam lazım artık ajax olmadan yapılan hiç bir uygulamanın tadı tuzu olmayacak gibi görünüyor :)

      name ler id gibi değerlendirsek miktar id sinide tutar_1 değilde miktar_1 olarak kabul etsek hesaplamayı yaptırıyoruz. Aynı fonksiyonu değiştirip tutarlar değişince bütün tutarları toplayıp toplam tutar bölümüne yaz de diyebiliriz bunlar tamam da, Resime bakarak yeni ürün satırını hangi fonksiyonla ekleyebilirim bununda fonksiyonunu belirtebilirmisiniz. id ler sıralı gitsin istiyorum urun_1, urun_2 urun_3 gibi aynı şekilde de miktarlar ve tutarlar da
      9 yıl önce yazılmış
    • teacher0610 adlı üyenin fotoğrafı teacher0610
      Ajax tekniği ile yapabilirsin.Jquery nin ajax methodları oldukça kolay ve kullanışlıdır. Verdiğim linkler yardımcı olacaktır. Kolay gelsin...

      http://www.eburhan.com/jquery-ve-ajax-islemleri/
      9 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.