从ajax生成城市选择框获取城市ID到我原来的php页面

时间:2012-05-15 03:30:17

标签: php ajax

在我的注册表单中,有许多表单元素可以为用户提供在我的网站上注册的详细信息。在这些元素中,有两个选择框供用户选择他们的区和城市。我使用ajax创建了这两个选择框。因此,用户选择一个区然后自动ajax为城市创建第二个选择框正在填充。我使用了名为findcity.php的单独PHP页面来创建城市选择框。我通过onChange属性从我原来的register.php页面调用了这个findcity.php页面。在那里,我将带有url的区域ID传递给了findcity.php页面。像智者一样,

现在,当用户从findcity.php页面的城市选择框中选择一个城市时,我需要将城市ID带到我原来的register.php页面。我的问题是。我试图将城市ID发送到register.php页面,但我仍然无法得到它。我需要将city id与其他表单元素的值一起发送到数据库。

任何人都可以帮我解决问题吗?

这是我的编码供您参考。

此代码来自我的register.php页面

<div>
<label for="district">District <img src="../images/required_star.png" alt="required" /> : </label>
<?php

require_once ('../includes/config.inc.php');    
require_once( MYSQL2 );

$query="select * from district order by district_id";
$result = mysqli_query( $dbc, $query);

    echo '<select name="district" class="text" onChange="getCity(' . "'" . 'findcity.php?district=' . "'" . '+this.value)">';
    echo '<option value="">-- Select District --</option>';

    while( $row = mysqli_fetch_array($result, MYSQLI_NUM)) { 
        echo '<option value="' . $row[0] . '"';

        // Check for stickyness: 
        if ( isset( $_POST['district']) && ( $_POST['district'] == $row[0] ))    
            echo ' selected="selected"';

            echo " >$row[1]</option>";    
    }
    echo '</select>';
?> 

</div>    
<div>
<label for="city">City <img src="../images/required_star.png" alt="required" /> : </label>
<input type="hidden" name="reg_locationid" id="reg_locationid" value="56" />
<div id="citydiv" style="position: relative; top: -14px; left: 130px; margin-bottom: -26px;">
    <select name="city" class="text">
        <option>-- Select City --</option>
    </select>
</div>
</div>

这是来自我的findcity.php页面

<?php

$districtId=$_GET['district'];

require_once ('../includes/configaration.inc.php'); 
require_once( MYSQLCONNECTION );

$query="select city_id, city_name from city2 where district_id=$districtId";
$result=mysqli_query( $dbc, $query);



echo '<select name="city" class="text">
    <option>-- Select City --</option>';

while($row=mysqli_fetch_array($result, MYSQLI_NUM)) { 

echo '<option value="' . $row[0] . '"';

// Check for stickyness: 
if ( isset( $_POST['city']) && ( $_POST['city'] == $row[0] )) { 
    echo ' selected="selected"';

    //echo '<input type="hidden" name="city"  value="' . $row[0] . '"'; 

}
    echo " >$row[1]</option>";  

}

echo '</select>';

?>

这些是ajax函数

function getXMLHTTP() { //function to return the xml http object
var xmlhttp=false;  
try{
    xmlhttp=new XMLHttpRequest();
}
catch(e)    {       
    try{            
        xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e){
        try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e1){
            xmlhttp=false;
        }
    }
}

return xmlhttp;
}



function getCity(strURL) {      

    var req = getXMLHTTP();

    if (req) {

        req.onreadystatechange = function() {
            if (req.readyState == 4) {
                // only if "OK"
                if (req.status == 200) {                        
                document.getElementById('citydiv').innerHTML=req.responseText;                      
            } else {
                alert("There was a problem while using XMLHTTP:\n" + req.statusText);
            }
        }               
    }           
    req.open("GET", strURL, true);
    req.send(null);
}

}

非常感谢任何评论。

1 个答案:

答案 0 :(得分:0)

似乎在您的findcity.php页面中没有选择该城市检查!

在替换之前还尝试清除citydiv的innerhtml。