自学教程(runoops.com)

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>自学教程(runoops.com)</title>
  <script>
    function showCustomer(str) {
      if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
      }
      if (window.XMLHttpRequest) {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp = new XMLHttpRequest();
      }
      else {
        // IE6, IE5 浏览器执行代码
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET", "//demo.runoops.com/sources/xml/getsites.php?q=" + str, true);
      xmlhttp.send();
    }
  </script>
</head>

<body>

<form action="">
    <select name="customers" onchange="showCustomer(this.value)">
      <option value="">选择一个站点:</option>
      <option value="RUNOOPS">Runoops</option>
      <option value="GOOGLE ">Google</option>
      <option value="TAOBAO">Taobao</option>
    </select>
  </form>
  <br>
  <div id="txtHint">站点信息显示在这里...</div>

</body>

</html>