Passing in a Array as Metadata for Values in EditableGrid

I am trying to create a drop down menu in this library(EditableGrids), in the example they have all of the menu options hardcoded in, I tried to use a array as the filter which gives me the correct amount of choices but all of the choices are listed as undefined but if I reference the values by themselves they output the correct data.

JS Function which includes values

EditableGrid.prototype.onloadHTML = function (tableId) {
// metadata are built in Javascript: we give for each column a name and a 

    metadata: [
            name: "name",
            datatype: "html",
            editable: true
            name: "continent",
            datatype: "string",
            editable: true,
            values: {

PHP part of function passing array

$response1 = sqlsrv_query($conn, "SELECT DISTINCT Contacts.[ID],Contacts.[First Name], Contacts.[Last Name] 
FROM [TechInv].[dbo].[Assets] INNER JOIN  Contacts ON Contacts.[ID]=Assets.[Owner]");
$arr = array();
               while ($row1 = sqlsrv_fetch_array($response1)){
                   $arr[$i]= $row1['ID'];
                   $arr[$i+1]= $row1['First Name'] . " " . $row1['Last Name'];

    var arr = ;

Here is my code for my array and putting in into the value which I believe is what affects the drop down menu option. I was wanting to make sure my format wasn’t off for inputting the array as the option, or if this is not possible. Alternately if there is another way to easily accomplish this I would love to know it.

Source: stackoverflow-php