Question

    <html>
     <head>
      <script>
       function showUser(str) {
       if (str == "") {
         document.getElementById("txtHint").innerHTML = "";
         return;
       } else { 
        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 (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","getuser.php?q="+str,true);
        xmlhttp.send();
      }
    }
    </script>
    </head>
    <body>

    <form>
     <select name="users" onchange="showUser(this.value)">
     <option value="">Select a person:</option>
     <option value="1">Peter Griffin</option>
     <option value="2">Lois Griffin</option>
     <option value="3">Joseph Swanson</option>
     <option value="4">Glenn Quagmire</option>
     </select>
    </form>
     <br>
     <div id="txtHint"><b>Person info will be listed here...</b></div>

    </body>
    </html>

该页面显示下拉列表。但是，似乎没有触发onchange方法。我没有从PHP得到任何回报。 php代码在这里。 https://www.w3schools.com/php/php_ajax_database.asp

Answer 1

function showUser(str) {
   if (str == "") {
     document.getElementById("txtHint").innerHTML = "";
     return; /* i think this is not correct you have to return something*/
   }

xmlhttp = new XMLHttpRequest();

/ *我非常确定xmlhttp应该是变量* /

var xmlhttp = new XMLHttpRequest();

/ *这可能是一个主要错误。如果问题仍然存在，请尝试使用chrome dev工具并使用控制台进行调试* /

还要确保已打开像Apache这样的虚拟服务器。你需要一台服务器来运行php文件！

onchange方法没有被触发

1 个答案: