Пов'язані між собою поля форми

Подібні поля можна дуже часто зустріти при заповненні форм, в яких необхідно вказати країну та після цього з'являється список міст на вибір.

Пов'язані між собою поля форми
Пов'язані між собою поля форми

Для здійснення цього нами буде використана технологія ajax разом з php.

Для початку давайте розглянемо структуру форми:

Як ми бачимо - все гранично просто. Уже задані три країни. Після того як користувач будь-яку країну вибере, автоматично довантажити міста з зовнішнього файлу.

Для цього в хедері даного документа нам необхідно підключити два файли:

Перший це щось на зразок фреймворка, а другий безпосередньо відповідає за отримання міст з окремого php файлу.

Давайте подивимося як цей файл виглядає:

Якщо уважно придивитися до форми, то у кожної країни є свій унікальний ID. Так ось цей ID та показує скрипти які саме міста варто виводити. У файлі ID виглядає так: case "ru".

Ще в даному прикладі є кілька простих стилів оформлення, але вони абсолютно несуттєві. Я впевнений, що у Вас вийде оформити дану форму набагато красивіше.

5 останніх уроків рубрики "PHP"

Коли мова йде про безпеку веб-сайту, то фраза "фільтруйте все, екрануйте все" завжди буде актуальна. Сьогодні поговоримо про фільтрації даних.

  • Expressive 2 підтримує можливість підключення інших ZF компонент за спеціальною схемою. Не всім подобається це рішення. У цій статті ми розповімо як поліпшили процес підключення декількох модулів.

  • Припустимо, що вам необхідно відправити якусь інформацію в Google Analytics з серверного скрипта. Як це зробити. Відповідь в цій замітці.

  • Підбірка з декількох видів PHP пісочниць. На деяких ви в режимі online зможете потестить свій код, але є так само рішення, які можна впровадити на свій сайт.

    треба буде в реєстрації застосувати сій скрипт!))), ток думаю аж надто великий масив вийти для перерахування списку міст. ((

    hlopec_roman
  • Привіт Євген! Мені дуже сподобався цей урок. Хотів би Вам сказати щоб Ви поправили посилання на джерело цього уроку, а також посилання на джерела в уроках: "Shoutbox - Мінічаті для вашого сайту!", "Скроллер зображень на jQuery" Спасибі Вам за все, що Ви робите, за всі Ваші поради , побажання, статті, уроки, ну і звичайно за все Ваші диски, один з яких я у Вас купував: "Joomla. Професійний сайт за один день" Мені він дуже допоміг. Я хотів би, щоб такий професіонал як Ви створили другий диск з PHP і MySQL для професіоналів в доповнення до Вашого чудового I диску. Бажаю Вам всього найкращого і всього того, що Ви самі собі бажаєте. Здоров'я Вам, Вашій дружині Зінаїді і звичайно Вашому який народився синові. З повагою до Вас, Ваш передплатник і один - Олександр Рубанов з Камишина, Волгоградської області!

  • МаксімШкурупій
  • Привіт Камишин, три стовпа у музею вже знесли?

  • Дуже цікавий урок! А хто небудь знає, як зробити єдину форму з відправкою полів ПІБ, Повідомлення і + прикріплений файл, тобто прикріплювати будь-якої файл наприклад JPG і відправляти. Якщо підкажіть - буду вдячний.

  • МаксімШкурупій

    а! ясно)) будемо виправляти! Дякуємо!

  • Максим, чи плануються уроки по SEO в найближ час?

  • МаксімШкурупій

    Наскільки мені відомо по SEO поки уроки не плануються.

  • Не понял, а чому в списку немає міста Запоріжжя (жарт) :-). А якщо серйозно, величезне спасибі, вам всім, хто робить цікаві а головне потрібні уроки. Удачі вам і всього самого найкращого.

  • Спасибо большое за урок! А можна зробити так, що б спочатку пункту місто не було (тобто поле взагалі відсутнє), а він з'являвся тільки при виборі країни? Успіхів Вам у всіх Ваших починаннях.

  • trias, а сенс? все одно це поле неактивно, якщо не вибрав країну)))

  • Ну ось для прикладу, в першому полі місто (обласний центр) або область. Якщо обрано місто, то друге поле взагалі не потрібно, якщо область, то в другому полі з'являється список міст в області.

  • Пов'язані між собою поля форми

    За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

    Пов'язані між собою поля форми

    Пов'язані між собою поля форми

    Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

    Пов'язані між собою поля форми

    Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

    Пов'язані між собою поля форми

    Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!

    Схожі статті