0

我遇到了一个很好的教程，用于创建可以动态更改的下拉菜单。

链接在这里。

http://roshanbh.com.np/2008/01/populate-triple-drop-down-list-change-options-value-from-database-using-ajax-and-php.html

这是演示

http://roshanbh.com.np/dropdown/

我正在摆弄代码，我正在跳过您选择状态的部分。

这是 findCity.php 文件

<!--//---------------------------------+
//  Developed by Roshan Bhattarai    |
//  http://roshanbh.com.np           |
//  Contact for custom scripts       |
//  or implementation help.          |
//  email-nepaliboy007@yahoo.com     |
//---------------------------------+-->
<?
#### Roshan's Ajax dropdown code with php
#### Copyright reserved to Roshan Bhattarai - nepaliboy007@yahoo.com
#### if you have any problem contact me at http://roshanbh.com.np
#### fell free to visit my blog http://php-ajax-guru.blogspot.com
?>

<? $country = $_GET['country'];
$link  = mysql_connect("snip","snip","snip");
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
mysql_select_db('snip');
$query="SELECT city FROM location WHERE country='$country'";
$result=mysql_query($query);

?>
<select name="city">
<option>Select City</option>
<? while($row=mysql_fetch_array($result)) { ?>
<option value><?=$row['city']?></option>
<? } ?>
</select>

使用国家/地区变量打开 findCity.php 可以正常工作

http://globatum.com/admin/findCity.php?country=United%20States

我无法弄清楚为什么国家列表中的值没有正确地通过这个函数

function getCity(country) {
        var strURL="findCity.php?country="+ country;
        var req = getXMLHTTP();

        if (req) {

            req.onreadycountrychange = 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);
        }

    }

这里有什么想法吗？

添加的注释

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;
    }
4

2 回答 2

2

您在页面上有一个 javascript 错误，@nevermind 击败我指出了这一点。没关系，但是您还有另一个问题，这似乎只是您的误解。线

req.onreadycountrychange = function() {

没有意义，需要改为：

req.onreadystatechange = function() {

在这种情况下，函数的名称onreadystatechange有点令人困惑，但它与“州/国家”中的“州”没有任何关系。这是指XMLHttpRequest对象的当前状态。基本上，onreadystatechange只要请求对象的状态更新，就会调用该函数。

在此处阅读更多信息：http: //www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp

于 2013-07-05T21:00:09.580 回答
0

您在测试页面上的代码中有语法错误： 

if (req.readyState == 4 {

当然应该是： if (req.readyState == 4 )

如果这不能解决问题，我们可以尝试其他方法。:)

于 2013-07-05T20:50:14.127 回答