0

今日、1つのコンボボックスが2番目のコンボボックスのデータを制御できる場合に非常に便利であることに気付きました。私の問題->私はこれまでAjaxを使ったことがありません。

現在、次のWebページに取り組んでいます：http：//194.247.30.66/~keizer/？ond = woningen

左側のコンボボックスを使用してみてください。

私の一般的な質問：送信ボタンが嫌いです。デフォルトの外観が嫌いです。Ajaxを使用して2番目のコンボボックスのデータを処理するにはどうすればよいですか？例：最初のコンボボックスには、都市のリストが含まれています。都市を選択すると、コンボボックス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

私が見る 1 つの問題は、テスト ページ#woonplaatsで JavaScript を使用して#country_idいないが、ページに存在しないことです。

あなたが投稿したコードでは、問題は部分的に解決されていますが、まだcountry_id: valあるはずですwoonplaats: val

(selectbox プラグインとその構文に詳しくないことに注意してください)。

編集：予期しない結果につながる可能性があるため、へのすべての参照を変更してhtmlのエラーを修正するcountry_idことから始めwoonplaats ます。

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 に答える