jQuery send multidimensional form data to PHP script

Question

I do post operation with jquery. I have multiple checkbox boxes as below. I want to post a multidimensional array, but my operation fails. Where am I doing wrong when I think there is a javascript error?

<input type="checkbox" name="options[0][menu][1]" checked="" autocomplete="off" value="Mantar">
<input type="checkbox" name="options[1][menu][1]" checked="" autocomplete="off" value="Soğan">
<input type="checkbox" name="options[3][menu][1]" checked="" autocomplete="off" value="Mısır">

input structure

<?php foreach ($gercek_dizi as $key => $value) { ?>
<input class="form-control menu" type="hidden" id="menu[<?php echo $keys[1]; ?>]" name="menu[<?php echo $keys[1]; ?>]" value="Ürün <?php echo $keys[1]; ?>" >

<?php $a=0; foreach ($value as $ky => $cek) { $a++;?>
                        <li class="col-md-2 list-group-item mr-60">
                          <div class="btn-group-toggle pd-5" data-toggle="buttons">
                            <label class="btn btn-secondary btn-xs br-30 cizgicek active"><input type="checkbox" name="options[<?php echo $ky; ?>][menu][<?php echo $keys[1]; ?>]" checked autocomplete="off" value="<?php echo $cek['menu']; ?>"/> <?php echo $cek['menu']; ?> </label>
                          </div>
                        </li>
                      <?php } ?>
<?php } ?>

As I have given above, I keep the array in the name. I want to post this, but the options[] field is just being posted. name = "options[0][menu][1]" How can I post this section completely?

   $('.add_cart').click(function(){
    var csrfName = $('.txt_csrfname').attr('name');
    var csrfHash = $('.txt_csrfname').val();
    var product_id      = $(this).data("productid");
    var product_name    = $(this).data("productname");
    var product_price   = $(this).data("price");
    var quantity        = $('#' + product_id).val();
    var image           = $(this).data("image");
    var options         = [];
    var resimli         = [];
    var coklu           = [];
    var menu            = [];
    $(':checkbox:checked').each(function(i){
      options[i] = $(this).val();
    });

    $('input.menu').each(function(i){
      menu[i] = $(this).val();
    });
    $('select option:selected').each(function(i){
      coklu[i] = $(this).val();
    });
    $(':radio:checked').each(function(i){
      resimli[i] = $(this).val();
    });
    if(quantity != '' && quantity > 0)
    {
     $.ajax({
      url:"<?php echo base_url(); ?>cart_controller/add",
      method:"POST",
      data:{product_id:product_id, product_name:product_name, product_price:product_price, quantity:quantity, menu:menu, options:options, coklu:coklu, resimli:resimli, image:image, [csrfName]:csrfHash},
      dataType: 'json',
      success:function(response)
      {
       $('.txt_csrfname').val(response.token);
       iziToast.success({
        title: 'Sepete Eklendi',
        message: 'Ürün Sepetinize Eklendi!',
        position: 'topRight',
      });
       $('.sepetim').load("<?php echo base_url(); ?>cart_controller/sepet");
       $('.sepetsay').load("<?php echo base_url(); ?>cart_controller/sepetsay");
     }
   });
   }
   else
   {
     iziToast.error({
      title: 'Dikkat!',
      message: 'Lütfen Ürün Adetini Seçin!',
      position: 'topRight',
    })
   }
 });

Result Options Name;

Array ( [0] => Mantar [1] => Zeytin [2] => Domates [3] => Mısır [4] => Turşu )

The result I want;

Array ( [1] => Array ( [menu] => Array ( [1] => Mantar ) ) [2] => Array ( [menu] => Array ( [1] => Zeytin ) ) [3] => Array ( [menu] => Array ( [1] => Domates ) ) [4] => Array ( [menu] => Array ( [2] => Mısır ) ) [5] => Array ( [menu] => Array ( [2] => Turşu )

hey :( why there is no answer from anyone

Berkay Kara
– Berkay Kara

2020-05-13 18:05:50 +00:00
Commented May 13, 2020 at 18:05 — Berkay Kara
– Berkay Kara, Commented May 13, 2020 at 18:05

Berkay Kara · Accepted Answer · 2020-05-13 21:28:21Z

1

@Wawam edits

$(':checkbox:checked').each(function(i){
      options.push({menu: { 1: $(this).val() }});
});

add attr input

data-menuid="2"

$(':checkbox:checked').each(function(i){
      options.push({menu: { [$(this).data("menuid")]: $(this).val() }});
    });

answered May 13, 2020 at 21:28

Berkay Kara

135 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wawan Over a year ago

yep, i will say something like that.

wawan · Accepted Answer · 2020-05-13 18:55:38Z

0

when you do :

options[i] = $(this).val();

you lose the multidimentional's structure.

You can try something like that :

$(':checkbox:checked').each(function(i){
      options.push({menu: { 1: $(this).val() }});
});

answered May 13, 2020 at 18:55

wawan

4876 silver badges11 bronze badges

4 Comments

Berkay Kara Over a year ago

{menu: { 1: - This is not a constant here, how can I change it? menu[1] changes like menu[2].

wawan Over a year ago

To answer, I need more html sample. I don t understand the form’s structure.

Berkay Kara Over a year ago

I arranged as you wish

wawan Over a year ago

Sorry, I haven t a computer during one hour... I m back after this period.

Collectives™ on Stack Overflow

jQuery send multidimensional form data to PHP script

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related