Параметры URL для выбора формы
Я хочу перенести «пункт назначения», «отъезд», «дату отправления», «продолжительность мин.», «Взрослые», «дети» и использовать их в качестве предустановленных значений в следующей форме при загрузке страницы.
<form method = "get" action = "/packagesearch/" id = "hubv1search" class = "clearfix" >
<div class = "thm-tk-input-4-1 thm-tk-first-select">
<label>Where to?</label>
<select name = "destination" class = "select2">
<option class = "group" value = "Balearics">Balearic Islands</option>
<option value = "Balearics/Ibiza"> Ibiza</option>
<option value = "Balearics/Majorca"> Majorca</option>
<option value = "Balearics/Menorca"> Menorca</option>
<option class = "group" value = "Bulgaria">Bulgaria</option>
<option value = "Bulgaria/Bourgas Region"> Bourgas Region</option>
<option value = "Bulgaria/Varna Region"> Varna Region</option>
<option class = "group" value = "Canaries">Canary Islands</option>
<option value = "Canaries/Fuerteventura"> Fuerteventura</option>
<option value = "Canaries/Gran Canaria"> Gran Canaria</option>
<option value = "Canaries/La Palma"> La Palma</option>
<option value = "Canaries/Lanzarote"> Lanzarote</option>
<option value = "Canaries/Tenerife"> Tenerife</option>
<option class = "group" value = "Cape Verde">Cape Verde Islands</option>
<option value = "Cape Verde/Boa Vista"> Boa Vista</option>
<option value = "Cape Verde/Santa Maria"> Santa Maria</option>
<option class = "group" value = "Caribbean">Caribbean</option>
<option value = "Caribbean/Antigua"> Antigua</option>
<option value = "Caribbean/Aruba"> Aruba</option>
<option value = "Caribbean/Bahamas"> Bahamas</option>
<option value = "Caribbean/Barbados"> Barbados</option>
<option value = "Caribbean/Bermuda"> Bermuda</option>
<option value = "Caribbean/British Virgin Islands"> British Virgin Islands</option>
<option value = "Caribbean/Costa Rica"> Costa Rica</option>
<option value = "Caribbean/Cuba"> Cuba</option>
<option value = "Caribbean/Dominican Republic"> Dominican Republic</option>
<option value = "Caribbean/Grenada"> Grenada</option>
<option value = "Caribbean/Grenadines"> Grenadines</option>
<option value = "Caribbean/Jamaica"> Jamaica</option>
<option value = "Caribbean/Mexico"> Mexico</option>
<option value = "Caribbean/Saint Kitts & Nevis"> Saint Kitts & Nevis</option>
<option value = "Caribbean/St. Lucia"> St. Lucia</option>
<option value = "Caribbean/Trinidad & Tobago"> Trinidad & Tobago</option>
<option class = "group" value = "Croatia">Croatia</option>
<option value = "Croatia/Dalmatian Riviera"> Dalmatian Riviera</option>
<option value = "Croatia/Dubrovnik Riviera"> Dubrovnik Riviera</option>
<option class = "group" value = "Cyprus">Cyprus</option>
<option value = "Cyprus/Larnaca Region"> Larnaca Region</option>
<option value = "Cyprus/Paphos Region"> Paphos Region</option>
<option class = "group" value = "Egypt">Egypt</option>
<option value = "Egypt/Hurghada"> Hurghada</option>
<option value = "Egypt/Luxor"> Luxor</option>
<option value = "Egypt/Naama Bay"> Naama Bay</option>
<option value = "Egypt/Nabq Bay"> Nabq Bay</option>
<option value = "Egypt/Shark's Bay"> Shark's Bay</option>
<option value = "Egypt/Sharm El Sheikh"> Sharm El Sheikh</option>
<option value = "Egypt/Soma Bay"> Soma Bay</option>
<option class = "group" value = "Far East">Far East</option>
<option value = "Far East/Bali"> Bali</option>
<option value = "Far East/Thailand"> Thailand</option>
<option class = "group" value = "Greece">Greece</option>
<option value = "Greece/Alonissos"> Alonissos</option>
<option value = "Greece/Attica"> Attica</option>
<option value = "Greece/Corfu"> Corfu</option>
<option value = "Greece/Crete"> Crete</option>
<option value = "Greece/Evia"> Evia</option>
<option value = "Greece/Halki"> Halki</option>
<option value = "Greece/Halkidiki"> Halkidiki</option>
<option value = "Greece/Ios"> Ios</option>
<option value = "Greece/Ithaka"> Ithaka</option>
<option value = "Greece/Kalamata"> Kalamata</option>
<option value = "Greece/Kalymnos"> Kalymnos</option>
<option value = "Greece/Karpathos"> Karpathos</option>
<option value = "Greece/Kefalonia"> Kefalonia</option>
<option value = "Greece/Kos"> Kos</option>
<option value = "Greece/Lefkada"> Lefkada</option>
<option value = "Greece/Leros"> Leros</option>
<option value = "Greece/Lesbos"> Lesbos</option>
<option value = "Greece/Meganissi"> Meganissi</option>
<option value = "Greece/Mykonos"> Mykonos</option>
<option value = "Greece/Paros"> Paros</option>
<option value = "Greece/Paxos"> Paxos</option>
<option value = "Greece/Pelion"> Pelion</option>
<option value = "Greece/Peloponnese"> Peloponnese</option>
<option value = "Greece/Preveza"> Preveza</option>
<option value = "Greece/Rhodes"> Rhodes</option>
<option value = "Greece/Samos"> Samos</option>
<option value = "Greece/Santorini"> Santorini</option>
<option value = "Greece/Skiathos"> Skiathos</option>
<option value = "Greece/Skopelos"> Skopelos</option>
<option value = "Greece/Symi"> Symi</option>
<option value = "Greece/Syros"> Syros</option>
<option value = "Greece/Thassos"> Thassos</option>
<option value = "Greece/Thessaloniki"> Thessaloniki</option>
<option value = "Greece/Thessaly"> Thessaly</option>
<option value = "Greece/Zante"> Zante</option>
<option class = "group" value = "Indian Ocean">Indian Ocean</option>
<option value = "Indian Ocean/Goa"> Goa</option>
<option value = "Indian Ocean/India"> India</option>
<option value = "Indian Ocean/Kerala"> Kerala</option>
<option value = "Indian Ocean/Maldives"> Maldives</option>
<option value = "Indian Ocean/Mauritius"> Mauritius</option>
<option value = "Indian Ocean/Seychelles"> Seychelles</option>
<option value = "Indian Ocean/Sri Lanka"> Sri Lanka</option>
<option class = "group" value = "Italy">Italy</option>
<option value = "Italy/Abruzzo"> Abruzzo</option>
<option value = "Italy/Campania"> Campania</option>
<option value = "Italy/Friuli-Venezia Giulia"> Friuli-Venezia Giulia</option>
<option value = "Italy/Lazio"> Lazio</option>
<option value = "Italy/Lombardy"> Lombardy</option>
<option value = "Italy/Piemonte"> Piemonte</option>
<option value = "Italy/Sardinia"> Sardinia</option>
<option value = "Italy/Sicily"> Sicily</option>
<option value = "Italy/Trentino-Alto Adige"> Trentino-Alto Adige</option>
<option value = "Italy/Tuscany"> Tuscany</option>
<option value = "Italy/Veneto"> Veneto</option>
<option class = "group" value = "Maltese Islands">Maltese Islands</option>
<option value = "Maltese Islands/Malta"> Malta</option>
<option class = "group" value = "Morocco">Morocco</option>
<option value = "Morocco/Agadir"> Agadir</option>
<option value = "Morocco/Marrakech"> Marrakech</option>
<option class = "group" value = "Portugal">Portugal</option>
<option value = "Portugal/Algarve"> Algarve</option>
<option value = "Portugal/Madeira"> Madeira</option>
<option class = "group" value = "Spain">Spain</option>
<option value = "Spain/Costa Blanca"> Costa Blanca</option>
<option value = "Spain/Costa Brava"> Costa Brava</option>
<option value = "Spain/Costa Del Sol"> Costa Del Sol</option>
<option value = "Spain/Costa Dorada"> Costa Dorada</option>
<option class = "group" value = "Tunisia">Tunisia</option>
<option value = "Tunisia/Tunis"> Tunis</option>
<option class = "group" value = "Turkey">Turkey</option>
<option value = "Turkey/Antalya"> Antalya Area</option>
<option value = "Turkey/Bodrum"> Bodrum Area</option>
<option value = "Turkey/Dalaman"> Dalaman Area</option>
<option value = "Turkey/Izmir"> Izmir</option>
<option class = "group" value = "USA">USA</option>
<option value = "USA/California"> California (Los Angeles)</option>
<option value = "USA/Florida"> Florida</option>
<option value = "USA/Nevada"> Nevada (Las Vegas)</option>
</select>
</div>
<div class = "thm-tk-input-5-1">
<label>Fly from</label>
<select name = "departure" class = "select2">
<option class = "group" value = "LHR,LGW,LTN,SEN,STN">All London</option>
<option value = "LGW"> London Gatwick</option>
<option value = "LHR"> London Heathrow</option>
<option value = "LTN"> London Luton</option>
<option value = "SEN"> London Southend</option>
<option value = "STN"> London Stansted</option>
<option class = "group" value = "BHX,EMA">All Midlands</option>
<option value = "BHX"> Birmingham</option>
<option value = "EMA"> East Midlands</option>
<option class = "group" value = "MME,NCL">All North East</option>
<option value = "MME"> Durham Tees Valley</option>
<option value = "NCL"> Newcastle</option>
<option class = "group" value = "BLK,LPL,MAN">All North West</option>
<option value = "BLK"> Blackpool</option>
<option value = "LPL"> Liverpool</option>
<option value = "MAN"> Manchester</option>
<option class = "group" value = "BFS,BHD,LDY">All Northern Ireland</option>
<option value = "BFS"> Belfast</option>
<option value = "BHD"> Belfast City</option>
<option value = "LDY"> City Of Derry</option>
<option class = "group" value = "ABZ,EDI,GLA,PIK,INV">All Scotland</option>
<option value = "ABZ"> Aberdeen</option>
<option value = "EDI"> Edinburgh</option>
<option value = "GLA"> Glasgow</option>
<option value = "PIK"> Glasgow Prestwick</option>
<option value = "INV"> Inverness</option>
<option class = "group" value = "BOH,SOU">All South</option>
<option value = "BOH"> Bournemouth</option>
<option value = "SOU"> Southampton</option>
<option class = "group" value = "BRS,CWL,EXT,NQY">All West Country + Wales</option>
<option value = "BRS"> Bristol</option>
<option value = "CWL"> Cardiff</option>
<option value = "EXT"> Exeter</option>
<option value = "NQY"> Newquay</option>
<option class = "group" value = "DSA,HUY,LBA">All Yorkshire</option>
<option value = "DSA"> Doncaster Sheffield</option>
<option value = "HUY"> Humberside</option>
<option value = "LBA"> Leeds Bradford</option>
<option class = "group" value = "NWI">All East Anglia</option>
<option value = "NWI"> Norwich</option>
</select>
</div>
<div class = "thm-tk-input-5-1">
<label>When</label>
<input type = "text" name = "departureDate" class = "thm-date-picker" placeholder = "Select a date">
</div>
<div class = "thm-tk-input-5-1">
<label>Duration</label>
<select name = "durationMin" class = "select2">
<option value = "7">Any</option>
<option value = "7">7 Nights</option>
<option value = "10">10 Nights</option>
<option value = "11">11 Nights</option>
<option value = "14">14 Nights</option>
<option value = "21">21 Nights</option>
</select>
</div>
<div class = "thm-tk-input-15">
<div class = "thm-tk-input-2-1">
<label>Adults</label>
<select name = "adults" class = "select2">
<option value = "2"><?php esc_html_e('2', 'themeum-core'); ?></option>
<option value = "3"><?php esc_html_e('3', 'themeum-core'); ?></option>
<option value = "4"><?php esc_html_e('4', 'themeum-core'); ?></option>
<option value = "5"><?php esc_html_e('5', 'themeum-core'); ?></option>
<option value = "6"><?php esc_html_e('6', 'themeum-core'); ?></option>
<option value = "7"><?php esc_html_e('7', 'themeum-core'); ?></option>
<option value = "8"><?php esc_html_e('8', 'themeum-core'); ?></option>
</select>
</div>
<div class = "thm-tk-input-2-1">
<label>Children</label>
<select name = "children" class = "select2">
<option value = "0"><?php esc_html_e('0', 'themeum-core'); ?></option>
<option value = "1"><?php esc_html_e('1', 'themeum-core'); ?></option>
<option value = "2"><?php esc_html_e('2', 'themeum-core'); ?></option>
<option value = "3"><?php esc_html_e('3', 'themeum-core'); ?></option>
<option value = "4"><?php esc_html_e('4', 'themeum-core'); ?></option>
<option value = "5"><?php esc_html_e('5', 'themeum-core'); ?></option>
<option value = "6"><?php esc_html_e('6', 'themeum-core'); ?></option>
<option value = "7"><?php esc_html_e('7', 'themeum-core'); ?></option>
<option value = "8"><?php esc_html_e('8', 'themeum-core'); ?></option>
</select>
</div>
</div>
<button class = "btn btn-primary thm-tk-search-btn" id = "flight-search" type = "submit"><?php esc_html_e('Search', 'themeum-core'); ?></button><br>
<input type = "hidden" name = "product" value = "sun"><input type = "hidden" name = "rating" value = "345"><input type = "hidden" name = "infants" value = "0"><input type = "hidden" name = "priceMin" value = "0"><input type = "hidden" name = "priceMax" value = "100000">
</div></form>
Действительно ли необходимо размещать много <option> как минимальный воспроизводимый пример? Сократите количество кода до минимума, необходимого для отражения вашей проблемы.
—
08.04.2018 22:22
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
32
0
Другие вопросы по теме
Использование Laravel для усреднения значений, группировка по категории и диапазону дат и отображение результатов на одной странице
Onmouseover мигает, если новый текст короче оригинала
Я не могу получить доступ к диапазону с именем родительского класса
Попытка отобразить приветственное имя пользователя при входе в систему
Как работает цикл через массив PHP с использованием While ()?
Как сохранить результат COUNT (*) в переменной в mysqli
Как вставить значения под одним и тем же идентификатором, но с разными значениями столбца?
Angular не отображает данные json на экране - Angular 1.6.9
Вызов нескольких карт Google с вызовом ключа API из шаблона wordpress
Laravel 5+, собирающий более одной коллекции в массив
Похожие вопросы
Отображать удаленное значение из ассоциативного массива json в JavaScript
Правильный способ передать асинхронную ошибку
Firebase getIdToken не работает
JQuery получает весь контент внутри идентификатора и класса
Угловой: ОШИБКА TypeError: Невозможно прочитать свойство ___ неопределенного значения
Редуктор Redux, возвращающий массив данных в исходный массив (вложенные массивы)
Javascript динамически добавляет div с левой стороны
X не является конструктором в nodejs
При запросе http в arduino javascript документ готов
RestAPI удаляет модель с другой моделью
Что ж .. хорошая идея, сделай это тогда ...