Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jQuery,Ajax и подгрузка данных в <select>, загрузка городов после выбора страны. 
V
    Опции темы
Цербер
Дата 25.12.2008, 14:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 333
Регистрация: 21.11.2007

Репутация: нет
Всего: 1



Доброе время суток!
Задача в том что бы при выборе страны в другой селект загружались города.
города и страны берутся в своё время из базы.
С jQuery не сильно хорошо знаком, по другим примерам реализовывал свои задачи до этого, а тут пример не могу найти.
Если кто то знает как реализовать или ссылка на пример есть, поделитесь - буду весьма признателен!
Заранее благодарю!

Это сообщение отредактировал(а) Цербер - 25.12.2008, 14:33
PM MAIL ICQ   Вверх
IDVsbruck
Дата 25.12.2008, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 4
Всего: 22



Ну, ты лукавишь, что "в принципе знаю хорошо, а вот тут засада" ...
Принцип в jQuery не поменялся, просто обертка стала намного удобней. Процесс тот же:
- на событие onchange ($(select).change() или $(select).bind("change", function)) вешаешь запрос к серверу на получение данных по выбранной стране ($.post или $.ajax);
- на серваке выбираешь данные и засовываешь их в json (строка типа "{name1: value1, name2: value2, ...}"), а в запросе из предыдущего пункта укажи тип получаемых данных как json;
- обнуляй второй селект и полученные занные запихивай в него. Это можно сделать по-старинке - циклом и созданием каждого option и добавлением к селекту или средствами jQuery - each().

Ну совершенно ничего сложного ...
Данные по всем функциям можешь посмотреть на родном сайте jQuery или на лучшем переведенном русском.
PM MAIL   Вверх
Цербер
Дата 26.12.2008, 08:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 333
Регистрация: 21.11.2007

Репутация: нет
Всего: 1



Логику конечно я понимаю как это всё делается, а практику не понял=(
поэтому пример наглядный попросил=) 
PM MAIL ICQ   Вверх
Цербер
Дата 26.12.2008, 10:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 333
Регистрация: 21.11.2007

Репутация: нет
Всего: 1



Проблема решена, обошёлся и без jquery
PM MAIL ICQ   Вверх
crow
Дата 5.2.2009, 15:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 35
Регистрация: 1.6.2007
Где: Россия->Кислов одск

Репутация: нет
Всего: нет



Такая проблема, все работает, города и регионы подгружаются... но, если в браузере нажать кнопку "назад" то списки стран и городов начинают, как бы зацикливаться, не понятно почему... ниже пример кода, что не так? как сделать так чтобы при открытии страницы по кнопке браузера "назад" этот скрипт не выполнялся?

Код

jQuery(document).ready(function(){
    jQuery('#scountry').change(function(){
    jQuery.post('placelist.php', {target: 'region',targetid: document.profile.country.value,name:'addr[region]',id:'sregion'}, function(text) {
    jQuery('#sregion').html(text);
    jQuery('#scity').html('<option value="null" disabled selected>Выберите регион</option>');
    return false;
    });
    });
    jQuery('#sregion').change(function(){
    jQuery.post('/placelist.php', {target: 'city',targetid: document.profile.region.value,name:'addr[city]',id:'scity'}, function(text) {
    jQuery('#scity').html(text);
    return false;
    });
    });

});

PM MAIL   Вверх
oppo
Дата 15.3.2009, 19:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 18
Регистрация: 15.7.2006

Репутация: нет
Всего: нет



посмотри здесь 
опимание
а здесь 
пример работы
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0698 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.