Javascript Onchange函数在wordpress页面中不起作用

我尝试使用下拉列表在WordPress页面中显示数据库中的一些信息地址，但当我从下拉列表中选择一个项目名称时，它什么也不显示。 我确实遵循了正确的答案： 所以我不知道我在这里犯了什么错误：

下拉列表代码：

<select class='Nom' onchange="showUser(this.value)" name='Nom' id='Nom'>
<option value="">--- Select ---</option>

    [insert_php]
    $servername = "localhost";
    $username = "root";
    $password = "";
    $conn = new mysqli($servername, $username, $password, "somapam_bd");

     $sql = mysqli_query($conn, "SELECT Nom FROM herboristes");

    while($ligne_liste=mysqli_fetch_array($sql)) {
        echo '<option value="'.$ligne_liste['Nom'].'">'.$ligne_liste['Nom']."</option>\n";
    }
    echo '</select>';
    [/insert_php]
    <div id="txtHint" type="text" name="txtHint"><b>Person info will be listed here...</b></div>

我将onchange函数插入index.php中：

<script>
function showUser(str)
{
if (str=="")
{
    document.getElementById("txtHint").value="";
    return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

      document.getElementById("txtHint").value = this.responseText;

    }
}
xmlhttp.open("GET","formdata.php?q="+str,true);
xmlhttp.send();
}
</script>

formdata.php代码：

 <?php

$servername = "localhost";
$username = "root";
$password = "";
$conn = new mysqli($servername, $username, $password, "somapam_bd");



  $q = intval($_GET['q']);


 $result = mysqli_query($conn, "SELECT * FROM herboristes where Nom = '".$q."'");


while($row=mysqli_fetch_array($result))
    {
    $cID = $row['Adresse'];

}
echo $cID ;


   ?>

---

也许路径应该是/formdata.php。因为它是WordPress，为什么不使用jQuery？？？@Roamer-1888它仍然是相同的问题和相同的问题error@FAROUKBLALOU我确实用jQuery尝试过，但它也不起作用，这是我的问题：如果你得到404，那么它一定是错误的URL。您是否已将formdata.php保存到正确的位置？您是否尝试过以http://或https://开头的完全限定URL？