Модераторы: skyboy, MoLeX, Aliance, ksnk
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Реализация метода выбора Страна->Область->Город 
V
    Опции темы
KoLiZeI
Дата 4.3.2008, 15:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 88
Регистрация: 6.4.2007
Где: г. Саратов

Репутация: нет
Всего: нет
Расскажите пожалуйста и если можно с примерами ещё лучше )
Как лучше сделать, что бы выбираешь Страну подгружается список областей  в этот списаок, выбираешь область подгружается список городов. 
Как хранить города в базе или каждый раз ручками вводить или в текстовых файлах? и на чем писать лучше AJAX, JS или один пхп?
PM MAIL WWW ICQ Skype   Вверх
flashaa
Дата 4.3.2008, 15:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 19
Всего: 25
Цитата(KoLiZeI @  4.3.2008,  15:08 Найти цитируемый пост)
выбираешь Страну подгружается список областей  в этот списаок, выбираешь область подгружается список городов. 

Исходя из слова "подгружается", как-то сам напрашивается AJAX. Без AJAX'a подгружаться не будет, а будет загружаться новая страница. 
Короче говоря, форма как на vkontakte.ru?
PM MAIL   Вверх
Serkys
Дата 4.3.2008, 15:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1061
Регистрация: 19.4.2004

Репутация: 4
Всего: 22
Я делал так:
В БД хранятися страны/области/города.
Выбираешь страну (событие onchange) - выполняется AJAX-скрипт, который достаёт из БД области и на их основе создаются option'ы для выбора области. Аналогично - при выборе области достаются из БД города и генерируются option'ы.

Вот мой код с использованием smarty:
Код

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">{literal}

    function getRegions(countryId, countryName) {
        if (countryId != '0') {
            document.getElementById('countryName').value = countryName;
            $.getJSON(
                '/selectcountry/get/countryid/'+countryId,
                function (data) {
                    $('#region').empty();
                    element = document.createElement('option');
                    element.value = '0';
                    node = document.createTextNode('выберите регион');
                    element.appendChild(node);
                    document.getElementById('region').appendChild(element);
                    for(i in data) {
                        element = document.createElement('option');
                        element.value = data[i]['id'];
                        node = document.createTextNode(data[i]['name']);
                        element.appendChild(node);
                        document.getElementById('region').appendChild(element);
                    }
                }
            );
        }
    }

    function getCities(regionId) {
        if (regionId != '0') {
            $.getJSON(
                '/selectcountry/get/regionid/'+regionId,
                function (data) {
                    $('#city').empty();
                    element = document.createElement('option');
                    element.value = '0';
                    node = document.createTextNode('выберите город');
                    element.appendChild(node);
                    document.getElementById('city').appendChild(element);
                    for(i in data) {
                        element = document.createElement('option');
                        element.value = data[i]['name'];
                        node = document.createTextNode(data[i]['name']);
                        element.appendChild(node);
                        document.getElementById('city').appendChild(element);
                    }
                }
            );
        }
    }

{/literal}</script>
<h1>Выбор города</h1>
<table>
    <tr>
        <td> <label for="country">Страна:</label> </td>
        <td>
            <input type="hidden" id="countryName" value="default" />
            <select name="country" id="country" onchange="getRegions(this.value, this.options[this.selectedIndex].text)">
                <option value="0"> выберите страну </option>
                {foreach from=$allCountries item='country'}
                    <option value="{$country.countryId}">{$country.name}</option>
                {/foreach}
            </select>
        </td>
    </tr>
    <tr>
        <td> <label for="region">Регион:</label> </td>
        <td>
            <select name="region" id="region" onchange="getCities(this.value)">
                <option value="0"> выберите регион </option>
            </select>
        </td>
    </tr>
    <tr>
        <td> <label for="city">Город:</label> </td>
        <td>
            <select name="city" id="city">
                <option value="0"> выберите город </option>
            </select>
        </td>
    </tr>
    <tr>
        <td colspan="2"> <input type="button" value="Выбрать" onclick="selectCountry()" /> </td>
    </tr>
</table>
PM MAIL   Вверх
KoLiZeI
Дата 4.3.2008, 15:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 88
Регистрация: 6.4.2007
Где: г. Саратов

Репутация: нет
Всего: нет
2Serkys:
а можно приблизительную структуру БД плиз )
PM MAIL WWW ICQ Skype   Вверх
Serkys
Дата 4.3.2008, 15:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1061
Регистрация: 19.4.2004

Репутация: 4
Всего: 22
БД стран/регионов/городов. Я использовал эту базу, следовательно, с этой структурой.
PM MAIL   Вверх
KoLiZeI
Дата 4.3.2008, 16:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 88
Регистрация: 6.4.2007
Где: г. Саратов

Репутация: нет
Всего: нет
Спасибо огромное
PM MAIL WWW ICQ Skype   Вверх
Serkys
Дата 6.3.2008, 13:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1061
Регистрация: 19.4.2004

Репутация: 4
Всего: 22
Не за что smile
PM MAIL   Вверх
KoLiZeI
Дата 11.3.2008, 16:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 88
Регистрация: 6.4.2007
Где: г. Саратов

Репутация: нет
Всего: нет
Ещё вопросик:

Как вынимаются дальше данные из таблицы регионов по ид страны? Должна же быть ещё функция или как?

Это сообщение отредактировал(а) KoLiZeI - 11.3.2008, 17:13
PM MAIL WWW ICQ Skype   Вверх
Serkys
Дата 12.3.2008, 13:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1061
Регистрация: 19.4.2004

Репутация: 4
Всего: 22
Вынимаются элементарным SELECT'ом по полученному id страны/региона и кодируются в JSON при помощи Zend_Json из Zend Framework'а. На своём опыте знаю, что разные функции/классы в JSON часто кодируют по-разному (уровни массивов и т.д.), поэтому, возможно, при использовании отличных от Zend_Json классов возникнет необходимость несколько переработать javascript-функции, приведённые мной.
PM MAIL   Вверх
Dyagilev
Дата 10.9.2009, 17:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Все замечательно  , а как реализовать это все при нажатии выскакивает окно на ajax и можно выбрать город .. спасибо заранее
хочу сделать похожие как на domania.ru , на smarty

Это сообщение отредактировал(а) Dyagilev - 10.9.2009, 17:46
PM MAIL   Вверх
adisk
Дата 18.10.2011, 11:57 (ссылка) | (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Предлагаю решение без БД: http://address-selector.vfadeev.ru/
1. Подключить JS. 
2. Вызвать AddressSelector()
PM MAIL   Вверх
MoLeX
Дата 18.10.2011, 16:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Местный пингвин
****


Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: 46
Всего: 140
adisk, и что мне на сервер придет? id города, или его название?


--------------------
Amazing  smile 
PM MAIL WWW ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Правила форума "PHP"
Aliance
IZ@TOP
skyboy
SamDark
MoLeX

Новичкам:

  • PHP редакторы собираются и обсуждаются здесь
  • Электронные книги по PHP, документацию можно найти здесь
  • Интерпретатор PHP, полную документацию можно скачать на PHP.NET

Важно:

  • Не брезгуйте пользоваться тегами [code=php]КОД[/code] для повышения читабельности текста/кода.
  • Перед созданием новой темы воспользуйтесь поиском и загляните в FAQ
  • Действия модераторов можно обсудить здесь

Внимание:

  • Темы "ищу скрипт", "подскажите скрипт" и т.п. будут переноситься в форум "Web-технологии"
  • Темы с именами: "Срочно", "помогите", "не знаю как делать" будут УДАЛЯТЬСЯ

Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, IZ@TOP, skyboy, SamDark, MoLeX, awers.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | PHP: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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