使用JavaScript从PHP数组中填充带有选项的动态创建的下拉列表

Question

我使用以下代码创建了一个JavaScript下拉列表：

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

我的问题是用来自PHP关联数组的数据填充该组合框。

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

请帮我解决一下这个。

Answer 1

如果这个问题困扰着您，您可以将Jquery与类似的东西一起使用，

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

它将为您的选择框动态添加值。

Answer 2

使用AJAX即时加载。 或者，您始终可以将PHP直接回显到脚本中。

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

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