Javascript 从sql在Jqgrid的自定义添加函数中填充下拉数据

我一直在尝试在Jqgrid中自定义默认的add表单，以添加下拉列表，并从DB填充其下拉数据，但不知道如何做到这一点

下面是我对beforeShowForm的一段代码，它定制了名称Column以提供下拉列表

beforeShowForm：函数形式{ $'tr_Name'.html'td class=CaptionTD>Name/td>td class=DataTD>table>td>select role=select id=resp Name=responseavel size=1 class=FormElement ui小部件内容ui-corner-all>option-role=option-value=1>ABC/option>option-role=option-value=2>XYZ/option>option-role=option-value=3>QWE/option>/select>/td>'

这里的选项值是ABC、XYZ、QWE..但我不想硬编码，而是希望从SQL数据库填充它

---

请求帮助。

在colModel中，使用dataurl和edittype:select配置editoptions

dataurl是填充ddl内容的文件的路径：

<?php
    include("../dbconfig.php");

    $SQL = "SELECT * FROM t_genre";

    echo '<select>';

    $result = $dbh->prepare($SQL);
    $result->execute();

    while($row = $result->fetch()) {

         echo '<option value="'.$row['gen_id'].'">'.$row['gen_genre'].'</option>';
    }

    echo '</select>';

?>

<?php
    include("../dbconfig.php");

    $SQL = "SELECT * FROM t_genre";

    echo '<select>';

    $result = $dbh->prepare($SQL);
    $result->execute();

    while($row = $result->fetch()) {

         echo '<option value="'.$row['gen_id'].'">'.$row['gen_genre'].'</option>';
    }

    echo '</select>';

?>