Сегодня я понял, что очень полезно, когда один список может управлять данными второго списка. Моя проблема -> я никогда раньше не работал с 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>
0
user443346 13 Апр 2011 в 17:18
Ajaxcode не будет работать, не знаю, как запустить 2
 – 
user443346
13 Апр 2011 в 17:20

1 ответ

Одна проблема, которую я вижу, заключается в том, что на вашей тестовой странице вы не используете #woonplaats в javascript, а #country_id, которого нет на вашей странице.

В опубликованном вами коде проблема частично решена, хотя у вас все еще есть country_id: val, что, я думаю, должно быть woonplaats: val

(обратите внимание, что я не знаком с плагином selectbox и его синтаксисом).

Редактировать: я бы начал с изменения всех ссылок на country_id на woonplaats и исправления ошибок в html, так как это может привести к неожиданным результатам.

Консоль в firebug выдает ошибку javascript (фактически останавливая всю дальнейшую обработку...) в строке 27 (jQuery("ul.sf-menu").superfish не является функцией http://194.247.30.66/~keizer/?ond=woningen Строка 27)

HTML-валидатор для firefox выдает 93 предупреждения, в основном о неожиданных открывающих и закрывающих тегах.

0
jeroen 13 Апр 2011 в 17:51
@ Jeroen, не смотри на ошибку Suckerfish.js .. HTML-валидатор вообще не предупреждает меня :p?
 – 
user443346
13 Апр 2011 в 17:58
@ Jeroen, html-валидатор выдал мне несколько ошибок, но я их исправил
 – 
user443346
13 Апр 2011 в 18:22
Ваша страница дает: Parse error: syntax error, unexpected T_VARIABLE in /home/keizer/domains/keizermakelaardij.nl/public_html/index.php on line 153
 – 
jeroen
13 Апр 2011 в 18:37
Потому что я занят на сайте как минимум 3 дня
 – 
user443346
14 Апр 2011 в 11:08