从WordPress插件中的另一个选择框中填充选择框

Question

我在窗体上有一个选择框，该框从ConnectWise api获取板的类型并按以下方式填充：

<div class="form-group">
    <label for="support_type">Support Type</label>
    <select class="form-control" id="support_type" name="support-type" onchange="get_subs();">
        <option value="0">--Select Support Type--</option>
        <?php
            foreach ( $board_types as $types ) { ?>
                <option value="<?php echo $types['id'] ?>"><?php echo $types["name"] ?></option>
            <?php
            }
        ?>
    </select>
</div>

我需要做的是，当用户选择父板时，为每个板获取相应的“子类型”。我知道我需要使用ajax来执行此操作，但是我不太确定如何开始执行此操作。在父选择框中，我尝试在onchange事件上运行一个javascript函数：

function get_subs() {
var sub_type_url = "getsubtype.php";
var support_type = jQuery('#support_type').val();
var dataString = "support_type="+support_type;
jQuery.ajax({
    type: "POST",
    url: sub_type_url,
    data: dataString,
    success: function(html)
    {
        jQuery("#get_sub_type").html(html);
    },
    error: function(html)
    {
        console.log(html);
    }
});
}

但是返回500错误。在WP中，如何获取与外部php文件一起使用的ajax调用？我看到某个地方需要在某些地方加入一些脚本，但是我不知道该在哪里做，也不希望将javascript放在单独的文件上，因为我需要在onchange（）事件上调用它。有人可以帮我从这里开始吗？