Array Passing through javascript

Question

Here is my view:

<div class="form-group col-md-3">
    <label class="sup col-md-12 control-label">Employees</label>
        <?php
        if(isset($hiddenEmpArray)){
          if(is_array($hiddenEmpArray)){
            foreach($hiddenEmpArray as $hiddenEmpArraySingle){
echo '<input type="hidden" name="selectall[]" id="selectall" value="'. $hiddenEmpArraySingle. '">';
                }
            }
        }
    ?>
</div>

Javascript:

$('#form').submit(function(e){
          e.preventDefault();

          var selectall                     =$("#selectall").val();


          $.ajax({
                type: "POST",
                url: "<?php echo base_url()?>",
                data: {selectall:selectall},
                success: function (data) {
                    //alert(data);

                },
                error: function () {
                    alert("Server Error! Please try again later.");
                }
            });
      });

Here I want to Submit this form through javascript.Here selectall is an array.When I Submit the form,Only One value is received .How Can I pass this array through javascript.Please help me

id is unique and never be duplicate, so retrive all data using name. — Devsi Odedra, Nov 26 '18 at 08:53
`$("input[name='selectall[]']").val();` https://api.jquery.com/attribute-equals-selector/ — MrAleister, Nov 26 '18 at 08:54
I used this script.But receiving only one Value,When I pass More than one value — , Nov 26 '18 at 09:01
Possible duplicate of [Why are duplicate ids not allowed in HTML](https://stackoverflow.com/questions/48240240/why-are-duplicate-ids-not-allowed-in-html) — Nico Haase, Nov 26 '18 at 09:42

Monica Acha · Answer 1 · 2018-11-26T09:50:10.370

1

The serialize() method creates a URL encoded text string by serializing form values.

 $('#form').submit(function(e){
              e.preventDefault();
              var formId = $(this).attr('id');//getting form id 

              $.ajax({
                    type: "POST",
                    url: "<?php echo base_url()?>", 
                    data: $('#' + formId).serialize(),//jquery id selector for the form 
                    success: function (data) {
                        //alert(data);

                    },
                    error: function () {
                        alert("Server Error! Please try again later.");
                    }
                });
          });

edited Nov 26 '18 at 09:50

answered Nov 26 '18 at 09:17

Monica Acha

1,076
9
16

There is an error Occured:Uncaught SyntaxError: Unexpected string – Nov 26 '18 at 09:27
@Unknownhacker does this line give you the error?- data: $('#' + formId).serialize() or any other line? – Monica Acha Nov 26 '18 at 11:27

score 0 · Answer 2 · answered Nov 26 '18 at 09:13

0

you may use jquery each function to collect data

var selectall=[];
$.each($("input[name='selectall[]']"), function(){            
    selectall.push($(this).val());
});

answered Nov 26 '18 at 09:13

Rajeev Ranjan

4,152
3
28
41

score 0 · Accepted Answer · answered Nov 26 '18 at 09:49

0

you can just use this

var selectall = $("input[name='selectall[]']").map(function(){return $(this).val();}).get();

and then in success just do console.log(data);

answered Nov 26 '18 at 09:49

Heena Manglani

356
2
11

Array Passing through javascript

3 Answers3