Php 2个Dropbox ajax

大家下午好

本周我第一次开始处理ajax请求，但我不知道如何正确使用它。我的情况：我有两个下拉框，第一个包含数据库中的数据，第二个必须填充我在第一个组合框中选择的选项，例如select*from PROVICES where city='$\u get['city']'

我有以下代码：

从index.php标题部分

    $('#woonplaats').change(function(){
        var woonplaats = $('#woonplaats').val();

        $.ajax({ 
        type: "GET", 
        url: "ajax.php?woonplaats="+woonplaats+"", 
        success: function(msg){
            $('#pandtype').html(msg);}
        });
    });

来自ajax.php

$_GET['woonplaats'] = mysql_real_escape_string($_GET['woonplaats']);

if(isset($_GET['woonplaats']))
{ 
    $query = "SELECT * FROM aanbod WHERE Plaats = '".$_GET['woonplaats']."'";
    $result = mysql_query($query);
    echo $query;

    echo "<select id='pandtype' name='pandtype'>";
    while($row = mysql_fetch_object($result))
    { 
        echo '<option value="'.ucfirst(strtolower($row->PandType)).'">'.ucfirst(strtolower($row->PandType)).'</option>';
    }
    echo "</select>";
}

我错过了什么？ 我要怎么处理原始的第二个加载的组合框

---

亲切的问候

作为对自我回答的回应，我提供了一个小的重构-

不要创建占位符元素并使用.html jQuery方法：

$('#blaat').html(msg);

您可以动态创建希望ajax响应在中显示的元素

要在创建ajax请求的元素之后显示，假设它是woonplaats：

$('<div>' + msg + '</div>').appendTo($('#woonplaats'));

我更喜欢这种方法，因为根据继承的css规则，您可能会在显示中出现一些怪人。脚本设置中有更多的内容，但可能不需要添加另一个css类或内联样式来显示：元素上没有。

使用jquery

***头上的标签

<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
            $('#states').change(function(){
                $('#cities').load('places.php?state='+$('#states').val() );
        $('#cities').focus();
            });
        });
</script>

**组合状态

<select name="states" id="states" onChange="" width="200px" style="width: 200px">
        <option value="">Select state</option>
        <?php
        $query_uf =  "SELECT * FROM states ORDER BY state ASC";
        $result = mysql_query($query_uf, $bd);
        while ($uf = mysql_fetch_assoc($result)) {
            echo "<option value='".$uf['cod']."'>".$uf['name_state']."</option>";
        }
?>
</select>

**当状态改变时，它会被填满

<select name="cities" id="cities" width="200px" style="width: 200px">
        <option value="">Choose a city</option>
      </select>

places.php

$id_state = $_GET['state'];
$result = mysql_query("SELECT * FROM cities WHERE cod_st = '".$id_state."' ORDER BY name_city ASC", $bd) or die(mysql_error());
echo "<option value=\"\">Select city.</option>";
while($row = mysql_fetch_array($result) ){
    echo "<option value='".$row['cod_city']."'>".$row['name_city']."</option>";
}

表格状态 cod |名称|州

1 |佛罗里达州 2 |加利福尼亚

餐桌城市 科德城市|名称|科德城市|科德街

1 |迈阿密| 1 2 |奥兰多| 1 3 |圣地亚哥| 2

---

4旧金山2 < /P>修复它！$blaat'.htmlmsg；}而不是pandentype，必须在选择框周围放置一个id为blaat的div。您从哪里得到错误？在js或远程服务器上。没有任何错误，只是没有解析我想要的内容。现在没事了，我修好了！如果已修复，请提供说明作为答案