adding items to jquery array

Question

I have a form that has an action dropdown and a series of checkboxs that have ids, i want to grab all the checkboxes that are checked, and the action chosen and send them via ajax to another page. current attempt is an array, what else can i try?

<select name='action' id='action'>
    <option value=''></option>
    <option value='reassign'>Reassign</option>
    <option value='merge'>Merge</option>
    <option value='move'>Move</option>
</select>

$('select').on('change',$('#action'),function(){
    data = [];
    $.each($('input:checkbox'),function(e,i){
        if($(this).is(':checked')){
            data[e] = $(this).attr('id');
        }
    });
    data.add = $(this).val();
    $.ajax({
        type:"POST",
        data:{data:data},
        url:"bulkChange.php",
        success: function(result){
            alert(result);
        }
    });
});

Currently, I do not see the action added to the array. print_r($_POST) on bulkChange.php shows:

[data] => Array
    (
        [0] => c_32481
        [1] => c_32477
        [2] => 
        [3] => 
        [4] => 
        [5] => c_32308
    )

i would like to see:

[data] => Array
    (
        [0] => c_32481
        [1] => c_32477
        [2] => 
        [3] => 
        [4] => 
        [5] => c_32308
        [6] => merge
    )

Might be irrelevant, but where is the i you have in your each handler function being used? — callback
– callback, Commented Mar 24, 2015 at 17:47

callback · Accepted Answer · 2015-03-24 17:53:55Z

1

In your code, instead of using

data.add = $(this).val();

use data.push($(this).val());

That should do.

answered Mar 24, 2015 at 17:53

callback

4,1221 gold badge35 silver badges57 bronze badges

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

Comments

Soronbe · Accepted Answer · 2015-03-24 17:51:25Z

0

$('select').on('change',$('#action'),function(){
                    data = [];
                    $.each($(this).find('option'),function(e,i){
                            if($(this).is(':checked')){
                            data[e] = $(this).attr('value');
                            }
                    });
                   console.log(data);
                    });

Does this construct the data array as you'd like it to?

answered Mar 24, 2015 at 17:51

Soronbe

9265 silver badges12 bronze badges

Comments

Vijay · Accepted Answer · 2015-03-26 04:49:47Z

Try this instead of using

data.add = $(this).val();

$('select').on('change',$('#action'),function(){
    data = [];
    $.each($('input:checkbox'),function(e,i){
        if($(this).is(':checked')){
            data[e] = $(this).attr('id');
        }
    });
    //array push
    data.push($(this).val());
  
    $.ajax({
        type:"POST",
        data:{data:data},
        url:"bulkChange.php",
        success: function(result){
            alert(result);
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<select name='action' id='action'>
    <option value=''></option>
    <option value='reassign'>Reassign</option>
    <option value='merge'>Merge</option>
    <option value='move'>Move</option>
</select>

Collectives™ on Stack Overflow

adding items to jquery array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related