passing to ajax an array from multiple selected dropdown

Question

this is my Jquery:

$('#Save').click(function () {
  var realvalues = new Array(); //storing the selected values inside an array

  $('#Privilege :selected').each(function (i, selected) {
    realvalues[i] = $(selected).val();
  });

  $.ajax({
    type: "POST",
    traditional: true,
    url: "http://localhost:8081/crownregency/UpdateOrCreateOrDeleteUser.php",
    data: {
      Privilege: realvalues,
      ID: '1'
    },
    success: function (data) {
      alert(data, 'Status');
      location.reload();
    }
  });
});

this is my php.

I have read quiet a lot about serializing but doesnt seem to work, what i am trying to achieve is sending the selected items of a dropdown into an array and sending it to a php through ajax. but sending the array to the php doesnt seem to work. help anyone?

Have you checked this: stackoverflow.com/questions/4402036/… — Kai Qing
– Kai Qing, Commented Aug 31, 2012 at 3:16

Sibu · Accepted Answer · 2012-09-06 04:10:36Z

5

Your code is okay just remove the traditional: true and your code seems to work

$('#Save').click(function(){

    var realvalues = new Array();//storing the selected values inside an array
    $('#Privilege :selected').each(function(i, selected) {
        realvalues[i] = $(selected).val();
    });

    $.ajax({
        type: "POST",
        url: "http://localhost:8081/crownregency/UpdateOrCreateOrDeleteUser.php",
        data: {Privilege: realvalues, ID: '1'},
        success:function(data){
                $("#subscrres").html(data)
            }
    });
});

HTML

<form method="post">
<select id="Privilege" multiple="multiple">
<option value="yahoo">yahoo</option>
<option value="chrome">chrome</option>
<option value="mozilla">mozilla</option>
</select>
<input type="button" id="Save"/>

</form>

UpdateOrCreateOrDeleteUser.php

<?php
if(isset($_POST['Privilege'])){
$myvar  =$_POST['Privilege'];
foreach($_POST['Privilege'] as $one)
echo $one."<br/>";

}
?>

edited Sep 6, 2012 at 4:10

answered Aug 31, 2012 at 4:41

Sibu

4,6272 gold badges30 silver badges38 bronze badges

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

3 Comments

user1525703 Over a year ago

the problem here is that i can only access the last selected index of the dropdown box. only one value is sent to my php.

Sibu Over a year ago

@user1525703 i have checked it and its working correctly, see my edited answer i have included the html and php code

user1525703 Over a year ago

I solved it, just get the double quotes in with the solid brackets. but thanks anyway.. data: {"Privilege[]": realvalues},

Collectives™ on Stack Overflow

passing to ajax an array from multiple selected dropdown

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related