jQuery Forum

hi all , 

I have a shopping cart with items , quantities and sizes and i am using jquery to post these values to a php page, as i did it i can only handle 4 items in my shopping cart at once, i can add more, by adding to the code the way i am doing it, but i am looking for a better way to do this, that will not have me hard encode it everytime i want to upgrade the number of items allowed (something like a loop with variables ) 

here is what i have :

1. <script language="javascript">
2. function add_to_cart() {
3.       if ($number_of_items == 1){  //$number of items is a global var that 
4.                                                 //checks how many items in cart 
5.             post_data2 = {
6.                   'quanchg1'    : $("#quansel1").val()  ,
7.                   'itemid1'     : $('input[name=itemid1]').val(), 
8.                   'sizechg1'    :  $("#size1").val() ,           
9.             }; // end post_data
10.       }; // end if 
12.       if ($number_of_items == 2){
13.             post_data2 = {
14.                   'quanchg1'    : $("#quansel1").val()  ,
15.                   'itemid1'     : $('input[name=itemid1]').val(), 
16.                   'sizechg1'     :  $("#size1").val() ,    
17.                   'quanchg2'    : $("#quansel2").val()  ,
18.                   'itemid2'     : $('input[name=itemid2]').val(),  
19.                   'sizechg2'     : $("#size2").val() ,          
20.             }; // end post_data
21.       }; // end if 
23.       if ($number_of_items ==3 ){
24.             post_data2 = {
25.                   'quanchg1'    : $("#quansel1").val()  ,
26.                   'itemid1'     : $('input[name=itemid1]').val(), 
27.                   'sizechg1'     :  $("#size1").val() ,    
28.                   'quanchg2'    : $("#quansel2").val()  ,
29.                   'itemid2'     : $('input[name=itemid2]').val(),  
30.                   'sizechg2'     : $("#size2").val() ,      
31.                   'quanchg3'    : $("#quansel3").val()  ,
32.                   'itemid3'    : $('input[name=itemid3]').val(), 
33.                   'sizechg3'     :  $("#size3").val() ,                      
34.             }; // end post_data
35.       }; // end if 
37.       if ($number_of_items ==4){
38.             post_data2 = {
39.                   'quanchg1'    : $("#quansel1").val()  ,
40.                   'itemid1'     : $('input[name=itemid1]').val(), 
41.                   'sizechg1'     :  $("#size1").val() ,    
42.                   'quanchg2'    : $("#quansel2").val()  ,
43.                   'itemid2'     : $('input[name=itemid2]').val(),  
44.                   'sizechg2'     : $("#size2").val() ,      
45.                   'quanchg3'    : $("#quansel3").val()  ,
46.                   'itemid3'    : $('input[name=itemid3]').val(), 
47.                   'sizechg3'     :  $("#size3").val() ,     
48.                   'quanchg4'    : $("#quansel4").val()  ,
49.                   'itemid4'     : $('input[name=itemid4]').val(), 
50.                   'sizechg4'     :  $("#size4").val() ,                
51.             }; // end post_data
52.       }; // end if 
53.       $.post('update_cart.php', post_data2, function(data){  
54. $("#lcart<?php echo $divid ?>").html(data);
55.       });
56.  }

i was thinking of something like this (i know it doesnt work this way)

1. var $x ,
2. $x = 0,
3. while ($x < $number_of_items)
4.       $x = $x+1;
5.             post_data2 = {  
6.                   'quanchg'+$x    : $("#quansel"+$x).val()  ,
7.                   'itemid'+$x     : $('input[name=itemid'+$x+']').val(), 
8.                   'sizechg'+$x     :  $("#size"+$x).val() ,        
9.             }; // end post_data
10. } //end while