动态选择列表AJAX和插入数据库表通过张贴形式

我想为我的城市动态选择列表找到一个解决方案，现在我已经成功填充了城市，但现在无法将所选城市发布到数据库中。

这是php文件：

<html>
<head>
<script type="text/javascript" src="show_cities.js"> </script> 
</head>
<body>
<?php 
session_start;
//library   
include("conn.php");
?>
<form enctype='multipart/form-data' action='posting_process.php' method='post'>");
<!-- **************************** Country select list ********************** -->
Country: 
<select name="country" onChange="showCities(this.value)">
<?php $sql = 'SELECT country_no, country_name FROM country '.'ORDER BY country_no';
    $rs = mysql_query($sql);
    echo "<option value='0'>"."Select a Country"."</option>n  ";
    while($row = mysql_fetch_array($rs))
    {
echo "<option value="".$row['country_no']."">".$row['country_name']."</option>n  ";
    }
?>
</select>
City: <div id="txtCity" class="city_no">
<input type=submit name=action value=Post>
</body>
</html>

这里是javascript:show_cities.js

// JavaScript Document
/* <script type="text/javascript"> */
function showCities(str)
{
if (str=="")
{
document.getElementById("txtHint").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("txtCity").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","get_cities.php?q="+str,true);
xmlhttp.send();
}
/* </script> */

这里是php文件：get_cities.php

<?php
session_start;
//library   
include("conn.php");
$q=$_GET["q"];
$sql="SELECT * FROM city WHERE country_no = ".$q;
$result = mysql_query($sql);
echo "<select name='city'>";
while($row = mysql_fetch_array($result))
{
echo "<option value="".$row['city_no']."">".$row['city_name'] . "</option>n";
}
echo "</select>";
?>

我不知道如何提及以下返回/显示城市的内容关于：

为什么不使用jQueryAjax将数据发送到后端php代码并接收响应呢。您的php代码看起来不错，我建议使用以下机制来处理ajax。

请在前端html页面的国家列表中添加id作为"countrylist"。

使用以下代码代替javascript进行ajax调用。

$(function (){
    $('#countrylist').change(function() {
        var sel_val=$("#countrylist").val();
        $.ajax({
           url: 'get_cities.php?q='+sel_val,
           success: function(data) {
             $('#txtCity').html(data);
           }
        });
    });
});

还要确保在添加此javascript代码之前已经添加了jquery库。

希望这能有所帮助。

感谢

相关内容

最新更新

热门标签：