עזרה קטנה עם עגלת קניות בסיסית (jQuery)

[mayden]

היי חבר'ה,
צריך עזרה קטנה ב- jQuery עם עגלת קניות ממש בסיסית.

כעיקרון יש לי את זה:


עשיתי פונקציית עדכון לסה"כ הבסיסי (Sum):

 var arr = new Array(); 
 function changePrice(divId, sId, price) {
  var x = $("#" + sId).val();
  var a = x * price;
  $("#" + divId).text(a + " ₪");
  arr.push(a);
 }

ה- HTML:

   <form>
    <select id="selectQuan-2" onChange="changePrice('sum-2','selectQuan-2','678');">
     <option value="0">0</option>
     <option value="1" selected>1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     <option value="5">5</option>
    </select>
   
   </form>

עכשיו יש רעיונות לעדכן את TotalSum ללא שום כפתור?

כעיקרון הצלחתי בעזרת כפתור אבל אני צריך אוטומטית.. (בעזרת כפתור - הכנסתי את כל הערכים למערך ושלפתי בעת הלחיצה על הכפתור).


תודה רבה..

[perfeito]

function changePrice(divId, sId, price) {
  var x = $("#" + sId).val();
  var a = x * price;
  $('#total').trigger('update', a);
  $("#" + divId).text(a + " ₪");
 }

 $('#total').bind('update', function (e, price) {
  var curr = $(this).text();
  $(this).text(parseInt(curr) + parseInt(price));
 });

זה אמור לעבוד, ואם זה לא אז נתתי לך רעיון איך זה אמור לעבוד.

[mayden]

הבנתי הראש של הפעלת ה trigger אך עדיין.. משהו פה לא עובד..

[perfeito]

תשנה את
#total
לטאג שאתה רוצה לעדכן בה
ונסה שוב.

[perfeito]

אתה יכול גם לשנות את המחיר הכולל בתוך `changePrice()`

[mayden]

נכתב במקור על ידי perfeito

תשנה את
#total
לטאג שאתה רוצה לעדכן בה
ונסה שוב.

אני מבין דבר או שתיים בתכנות, שיניתי וזה עדיין לא עבד..

נכתב במקור על ידי perfeito

אתה יכול גם לשנות את המחיר הכולל בתוך `changePrice()`

חשבתי על זה - לדעתי צריך לשמור את הערכים במערך (Sum) ולחבר אותם. הצלחתי זאת בעת לחיצה על כפתור.

בכל מקרה - צריך גם לחשוב שזה לא תמיד יהיו 2... יכול להיות גם 3.. אז זה אמור לבוא בתור פונקציה/משהו דינאמי.

תודה על העזרה!

[Haimz]

נכתב במקור על ידי mayden

אני מבין דבר או שתיים בתכנות, שיניתי וזה עדיין לא עבד..



חשבתי על זה - לדעתי צריך לשמור את הערכים במערך (Sum) ולחבר אותם. הצלחתי זאת בעת לחיצה על כפתור.

בכל מקרה - צריך גם לחשוב שזה לא תמיד יהיו 2... יכול להיות גם 3.. אז זה אמור לבוא בתור פונקציה/משהו דינאמי.

תודה על העזרה!

מתי להריץ את הפונקצייה? תריץ אותה כל פעם שמשהו משתנה בסל קניות.

מה יהיה הפונקצייה?

לכל מוצר (שורה) יש מחיר, תכניס את המחיר לתוך span עם class שהוא itemPrice

ואז בjquery אתה עושה:

var price = 0;
			
$(".itemPrice").each(function() {
	price += parseInt($(this).val());
});

והמחיר שלך נשמר במשתנה price ..

[mayden]

נכתב במקור על ידי HHaim

מתי להריץ את הפונקצייה? תריץ אותה כל פעם שמשהו משתנה בסל קניות.

מה יהיה הפונקצייה?

לכל מוצר (שורה) יש מחיר, תכניס את המחיר לתוך span עם class שהוא itemPrice

ואז בjquery אתה עושה:

var price = 0;
 
$(".itemPrice").each(function() {
    price += parseInt($(this).val());
});

והמחיר שלך נשמר במשתנה price ..

ניסיתי.. מחזיר NaN:

PHP קוד:

function changePrice(divId, sId, price) {
      var x = $("#" + sId).val();
      var a = x * price;
       var y = $("#" + divId).text(a + " ₪");
      

  var totalPrice = 0;
  $(".product-sum").each(function() {
   totalPrice += parseInt($(this).val());
 
   $("#totalSum").text(totalPrice);
      });
      
     
} 


סה"כ המחיר פר מוצר שמור לי בCLASS של product-sum.

בסכום הכללי מחזיר לי NaN. (ה- DIV: #sumTotal)

[Haimz]

נכתב במקור על ידי mayden

ניסיתי.. מחזיר NaN:

PHP קוד:

function changePrice(divId, sId, price) {
      var x = $("#" + sId).val();
      var a = x * price;
       var y = $("#" + divId).text(a + " ₪");
      

  var totalPrice = 0;
  $(".product-sum").each(function() {
   totalPrice += parseInt($(this).val());
 
   $("#totalSum").text(totalPrice);
      });
      
     
} 


סה"כ המחיר פר מוצר שמור לי בCLASS של product-sum.

בסכום הכללי מחזיר לי NaN. (ה- DIV: #sumTotal)

דבר ראשון תוציא את ה $("#totalSum").text(totalPrice); מתוך הeach
ותעלה דמו לאתר או משהו שיהיה קל יותר לעזור לך..

עריכה:
התבלבלתי עם משהו אחר, במקום

$(this).val()

תעשה

$(this).text()

[mayden]

הסתדרתי,
תודה רבה.

היה צריך לעבוד עם משתנה מסוג DATA.