使用mysql Wordpress数据库中的值自动完成文本框

Question

我有使用localhost数据库在我的XAMPP服务器上成功运行的代码。

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script>
$(function() {
    var availableTags = [

        <?php

        $Database = "~";
        $DatabaseUserName = "~";
        $DatabasePass = "~";

        $connect = mysql_connect("~", $DatabaseUserName, $DatabasePass);
        @mysql_select_db($Database) or ("Database not found");

        $query = "SELECT ~ FROM ~";
        $result = mysql_query($query) or die ( $result."<br/><br/>".mysql_error());

        while ($row = mysql_fetch_array($result)) {
        echo "\"". $row['~']."\", ";
        }

        // $result = mysql_query($query) or die ( $result."<br/><br/>".mysql_error());

        mysql_close($connect);

        ?>
    ];

    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>

然后，表单输入文本字段（在表中）的id为“tags”：

<tr>
    <td>
        <label for="~"><b>~</b><font color="red">*</font>:</label>
    </td>
    <td>
            <input id="tags" name="~" style="width: 250px;" onblur="~">
            <p id="~"></p>
    </td>

</tr>

我正在尝试做的事情完全相同（基于MySQL数据库中的值自动完成文本框[在本例中为Wordpress]），用于我的Wordpress网站。