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
– Devsi Odedra, Commented Nov 26, 2018 at 8:53
$("input[name='selectall[]']").val(); api.jquery.com/attribute-equals-selector — MrAleister
– MrAleister, Commented Nov 26, 2018 at 8:54
I used this script.But receiving only one Value,When I pass More than one value — user10644591
– user10644591, Commented Nov 26, 2018 at 9:01
Possible duplicate of Why are duplicate ids not allowed in HTML — Nico Haase
– Nico Haase, Commented Nov 26, 2018 at 9:42

Monica Acha · Accepted Answer · 2018-11-26 09:50:10Z

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, 2018 at 9:50

answered Nov 26, 2018 at 9:17

Monica Acha

1,0869 silver badges16 bronze badges

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

2 Comments

user10644591 Over a year ago

There is an error Occured:Uncaught SyntaxError: Unexpected string

Monica Acha Over a year ago

@Unknownhacker does this line give you the error?- data: $('#' + formId).serialize() or any other line?

Heena Manglani · Accepted Answer · 2018-11-26 09:49:22Z

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, 2018 at 9:49

Heena Manglani

4463 silver badges11 bronze badges

Comments

Rajeev Ranjan · Accepted Answer · 2018-11-26 09:13:08Z

0

you may use jquery each function to collect data

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

answered Nov 26, 2018 at 9:13

Rajeev Ranjan

4,1523 gold badges30 silver badges42 bronze badges

Collectives™ on Stack Overflow

Array Passing through javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related