使用多页选择选项标签从mysql排序数据

Question

我的网站使用GET方法进行导航，这是index.php文件的框架

<?php
 include ('header.html');
 include ('main-content.html');
 include ('footer.html');
?>

在header.html中，包含下拉菜单（选择选项标签），用于根据所选择的城市对信息进行排序，如下所示：

<select onchange="sortResult(this.value)">
        <option value="">Please select city</option>
        <option value="City 1">City 1</option>
        <option value="City 2">City 2</option>
        <option value="City 3">City 3</option>
</select>

这也是标头中的JS函数：

<script>
function sortResult(str)
{
  if (str=="")
  {
   document.getElementById("result").innerHTML="";
   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("result").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","main-content-city.php?q="+str,true);
  xmlhttp.send();
}
</script>

这是我的main-content.html：

<div id="result">
  Content displayed here
</div>

该代码有效，但仅适用于main-content.html页面。 如果我导航到另一个页面，请说child-content.html，它将无法正常工作。 在这种情况下，我应该如何更改JS代码？

这是我的child-content.html页面：

<div id="result">
  Content displayed here
</div>

Answer 1

您需要在child-content.html的正文中添加<div id="result">

在您的Javascript的第6行上

document.getElementById("result").innerHTML="";

哪个正在寻找ID为“结果”的元素。 如果您的页面上没有这些内容之一，则该代码将无效

Answer 2

请确保child-content.html页面中存在DOM元素ID“结果”