0

今天我意识到一个组合框可以控制第二个组合框的数据是非常有用的。我的问题 -> 我以前从未使用过 Ajax。

目前在以下网页上工作：http: //194.247.30.66/~keizer/?ond= woningen

尝试使用左侧的组合框。

我的一般问题：我讨厌提交按钮，我讨厌默认外观，如何使用 Ajax 处理第二个组合框的数据？例如：第一个组合框包含一个城市列表。当我选择一个城市时，它应该自动更改组合框 2 的数据（包含一个带有房屋类别的列表）。

当我在第一个框中选择 Echt 时，它不应该让 box2 向我显示一些不在我的数据库中的数据。

请帮助这个愚蠢的菜鸟。

我得到的数据：

    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.selectbox-0.1.2.js"></script>
    <script type="text/javascript">
    $(function () {
    $("#woonplaats").selectbox();
    $("#pandtype").selectbox();
    $("#vraagprijs_vanaf").selectbox();
    $("#vraagprijs_tot").selectbox();

    jQuery(function(){
        jQuery('ul.sf-menu').superfish();
    });

    $("#woonplaats").selectbox({

    onChange: function (val, inst) {
        $.ajax({
            type: "GET",
            data: {country_id: val},
            url: "ajax.php",
            success: function (data) {
                $("#boxCity").html(data);
                $("#city_id").selectbox();
            }
        });
    },
    effect: "slide"
});

    });
</script>
4

1 回答 1

0

我看到的一个问题是，在您的测试页面中，您没有#woonplaats在 javascript 中使用，但#country_id在您的页面中不存在。

在您发布的代码中，问题已部分解决，尽管您仍然有country_id: val我猜应该是的woonplaats: val

（请注意，我不熟悉选择框插件及其语法）。

编辑：country_id我将首先更改对to 的所有引用woonplaats 并修复 html 中的错误，因为这可能会导致意外结果。

firebug 中的控制台在第 27 行（jQuery("ul.sf-menu").superfish 不是函数http://194.247.30.66/~keizer/ ?ond=woningen第 27 行）

Firefox 的 HTML 验证器给了我 93 个警告，主要是关于意外的开始和结束标签。

于 2011-04-13T13:41:24.863 回答