使用 PHP 和 Javascript 组合填充下拉列表

Question

我有以下看法：

<form action=<?=$target;?> method="post" name="editForm">
    <div id="page1">
        <select id="categories" name="category" onmouseover="populateCategory(<?=$result?>, <?=$id?>)" >
        </select>
    </div>
</form>

在选择标签上使用以下 javascript 函数：

function populateCategory(subCategories, id) {

    var select = document.getElementById(id);

    var opt = document.createElement("option");

    opt.text = "--Please make a selection--";

    for (i = 0; i < subCategories.length; i++) {
        var opt = document.createElement("option");

        opt.value = i;
        opt.text = subCategories[i];

        select.add(opt);
    }
}

传递给函数的参数是以下变量：

 $result = $this->getCategories(0);
$id = 'categories';

调用以下函数

public function getCategories($parent, $published = 1) {

        //Sanitize Params...    

        //$sanParent = $this->db->getEscaped($parent);
        //$sanPublished = $this->db->getEscaped($published);

        $query = 
        "SELECT * FROM #__adsmanager_categories 
        WHERE parent = " . $parent .
        " AND published = " . $published;

        $this->db->setQuery($query);
        $result = $this->db->loadAssocList();

        var_dump($parent);

        if (!$result) {
            return false;
        }

        return $result;

    }

低调：

我发布的最后一个函数向数据库发出请求，获取旨在用于创建下拉列表的类别列表。我认为如果我将获得的类别传递给 JavaScript 函数，我可能能够以简单的方式填充它。我做错了吗？我觉得这是一个 JavaScript 问题，因为函数调用似乎没有发生。例如，当我打开浏览器调试器时，没有迹象表明它是否被调用。

更新：

这是 html-source 列出的内容：

<script type="text/javascript">

function populateCategory(subCategories, id) {



    var select = document.getElementById(id);



    var opt = document.createElement("option");



    opt.text = "--Please make a selection--";



    for (i = 0; i < subCategories.length; i++) {

        var opt = document.createElement("option");



        opt.value = i;

        opt.text = subCategories[i];



        select.add(opt);

    }

}

</script>



<form action=/index.php?option=com_adsmanager&amp;task=write&amp;Itemid=1 method="post" name="editForm">

    <div id="page1">

        <select id="categories" name="category" onmouseover="populateCategory(Array, categories)" >

        </select>

    </div>

</form>

Answer 1

我不是 javascript 问题，而是理解问题。

which calls the following function

JS 不能调用 PHP 函数。因为它在 浏览器 中运行，而 PHP 在 服务器 上运行，一千英里之外。
恰恰相反，它确实是 PHP 创建了所有的 JS 以及 HTML 和其他东西。

因此，您的 PHP 代码必须创建已填充数据的 JS 函数调用。
你检查过 HTML 源代码吗？是否包含正确的 JS 函数调用？

更新 看，一贴实际的JS，就变得像鸡蛋一样简单

<select id="categories" name="category" onmouseover="populateCategory(Array, categories)" >

它只说“数组”而不是实际数据。
表示您正在尝试将数组打印为字符串。这显然行不通。
使用一些循环来迭代该数组并以适当的（对于 JS）格式打印它的内容。