Populate Dynamically Created Dropdown with Options from PHP array using javascript

Question

I created a javascript dropdown using this code:

var cell3 = row.insertCell(2);
var element3 = document.createElement("select");
element3.name = "prddrop[]";
element3.id = "prddrop[]";
cell3.appendChild(element3);

My problem is to populate that combobox with data coming from a PHP associative array.

<?php
if(isset($prods) && count($prods) > 0)
{ 
foreach($prods as $key=>$p)
    {
$productID= $p['pid'];
$productName=$p['pname'];
   }
}
?>

Please Help me with this.

noobie-php · Accepted Answer · 2013-09-25 14:40:42Z

1

You can use Jquery with something like this if that dosent bother you,

          jQuery.each(data, function(key, value) {
                jQuery('select[name="' + populatedElement + '"]')
                        .append(jQuery("<option></option>")
                        .attr("value", key)
                        .text(value));
            });

It will dynamcially add values to your select box.

answered Sep 25, 2013 at 14:40

noobie-php

7,32416 gold badges60 silver badges106 bronze badges

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

3 Comments

Umpong_1947676 Over a year ago

I did not understand, can you make a fiddle for me?

noobie-php Over a year ago

well i havent tested it on fiddle exactly but data will be array and PopulatedElement will be name of your select box where as key and value are normal array (key=>value), i have done same code on my local , following my perspective

Umpong_1947676 Over a year ago

Thanks I used json to get the data from my array and the rest follows. Thank you for your help.

Jonathon · Accepted Answer · 2013-09-25 14:40:41Z

0

Use AJAX, to load it on the fly. Or you could always echo your PHP out directly into your script.

http://www.w3schools.com/ajax/

http://api.jquery.com/jQuery.ajax/

answered Sep 25, 2013 at 14:40

Jonathon

16.4k12 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

Populate Dynamically Created Dropdown with Options from PHP array using javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related