Php 基于第一个列表的选定值填充下拉列表_Php_Javascript

Php 基于第一个列表的选定值填充下拉列表

php javascript

Php 基于第一个列表的选定值填充下拉列表,php,javascript,Php,Javascript,我有两个列表框，第一个用于国家，另一个用于城市当用户选择一个国家时，应根据国家填充城市县的数据库是（CountryID（pk）、代码（pk）、名称）城市（国家代码（pk）、名称）我创建了一个名为reload的java脚本函数，用于在更改时加载页面它工作正常，但城市列表中的问题它没有填充国家/地区项目..它仍然是空的。。这是我的密码。我只是发布了与问题相关的代码，页面太长了。此代码用于第页 dd-check.php <?php $cat = $_GET['Country'];

我有两个列表框，第一个用于国家，另一个用于城市当用户选择一个国家时，应根据国家填充城市

县的数据库是（CountryID（pk）、代码（pk）、名称）城市（国家代码（pk）、名称）

我创建了一个名为reload的java脚本函数，用于在更改时加载页面它工作正常，但城市列表中的问题它没有填充国家/地区项目..它仍然是空的。。这是我的密码。我只是发布了与问题相关的代码，页面太长了。此代码用于第页

dd-check.php

<?php
$cat = $_GET['Country'];
$subcat = $_POST['City'];
?>

CreateAccount.php

<script language=JavaScript>
function reload(form)
{
  var val = form.Country.options[form.Country.options.selectedIndex].value; 
  self.location = 'Create_Account.php?country=' + val ;
}
</script>

<form id="form2" method="post"  enctype="multipart/form-data" action="dd-check.php">
<?php
$Con= mysql_connect("localhost","root",""); 

if(!$Con) 
{ 
  die('Could not connect'.mysql_error());
}

if(!mysql_selectdb("rlounge",$Con))
{
  die(mysql_error());
}

@$cat = $_GET['Country'];

if(strlen($cat) > 0 and !is_numeric($cat))
{  
  echo "Data Error";
  exit;
}

$quer2 = "SELECT *  FROM country";
$result = mysql_query($quer2);
if(isset($cat) and strlen($cat) > 0)
{
  $quer = mysql_query(" SELECT city.`Name` ,  `CountryCode` 
                        FROM  `city` ,  `country` 
                        WHERE  `CountryCode` =  $cat
                        AND  `Code` =  `CountryCode` "); 
}
else
{
  $quer = mysql_query(" SELECT City.name
                      FROM  `city` ,  `country` 
                      WHERE  `Code` =  `CountryCode`"); 
} 
//$cat=$_GET['Country'];
//$subcat=$_POST['City'];
echo "<select name='Country' onchange=\"reload(this.form)\"><option value=''>Select     one</option>";
while($noticia2 = mysql_fetch_array($result)) 
{ 
  if($noticia2['Code'] == $cat)
  {
    echo "<option selected value='$noticia2[Code]'>$noticia2[Name]</option>"."<BR>";
  }
  else
  {
    echo "<option value='$noticia2[Code]'>$noticia2[Name]</option>";
  }
}
echo "</select>";
echo "<select name='City'><option value=''>Select one</option>";
while($noticia = mysql_fetch_array($quer)) 
{ 
  echo  "<option value='$noticia[CountryCode]'>$noticia[Name]</option>";
}
echo "</select>"; 
?>
</form>


函数重载（表单）
{
var val=form.Country.options[form.Country.options.selectedIndex].value；
self.location='Create_Account.php？country='+val；
}
像这样创建一个html文件
<html>
<head>
<script type="text/javascript">
function getcities(str)
{
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","getcities.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<select name='Countries' onchange='getcities(this)'>
</select>
<p> <span id="result"></span></p>

</body>
</html>


城市功能（str）
{
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
document.getElementById（“结果”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”、“getcities.php？q=“+str，true”）；
xmlhttp.send（）；
}


然后像这样编写php文件
<?php
$country=$_GET['q'];
get cities from database
while(cities)
{
    echo "<option>".$city."</option>";
}
?>



在这里更改字段country，它使用该国家名称调用getcities.php……getcities.php输出span元素“result”中的城市。这是一种无需重新加载页面的ajax方式