Loop through multidimensional array from AJAX with jquery to populate select

Question

A multidimensional returned from php, here is my php array:

$brands = array("Bmw" => "200" ,"Mercedes" => "201", "Audi" => "202");

When the data is returnend how can I populate a select with this info?

Lets assume that I need fill a select with Brands and their ID.

<select>
  <option value="200">Bmw</option>
  <option value="201">Mercedes</option>
  <option value="202">Audi</option>
</select>

I dont know how to loop through the returned array to fill the select.

Thanks a lot!!

I don't know what AJAX have to do here... Is your $brands sent to your ajax response in JSON, HTML or whatever format? Need to see the ajax call — niconoe
– niconoe, Commented Jun 13, 2014 at 16:40

Prashant · Accepted Answer · 2014-06-13 16:42:04Z

2

Use it this way.

$brands = array("Bmw" => "200" ,"Mercedes" => "201", "Audi" => "202");
$output = "<select>";
foreach($brands as $keys => $val){
    $output .= '<option value="'.$val.'">'.$keys.'</option>';
}
$output .= "</select>";
echo $output;

answered Jun 13, 2014 at 16:42

Prashant

2,0653 gold badges17 silver badges25 bronze badges

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

1 Comment

user2854628 Over a year ago

I cant do that, i have to wait 5min :D

Collectives™ on Stack Overflow

Loop through multidimensional array from AJAX with jquery to populate select

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related