HTML-данные захвата формы сделать URL

Question

Может ли кто-нибудь объяснить, как я могу собирать данные из двух раскрывающихся полей и когда нажата кнопка отправки, соедините эти два значения выбора вместе, чтобы создать URL, который затем вызывается.

например.

DropDown 1: Apple DropDown 2: оранжевый

Когда вы нажимаете кнопку «Отправить», она создает URL и загружает:

http://www.fruittopick.com/apple-orange.html <- он объединяет "apple" & "-" & "orange" & ".html" и затем загружает эту страницу. </p>

Answer 1

вы можете создать одну функцию javascript, которая будет вызываться при отправке формы, например, см. ниже

function genURL()
{
var orange= document.getElementById('orangeCombo');
var apple= document.getElementById('appleCombo');
var finalURL="www.test.com"; // you can configure as per your need
finalURL= finalURL+orange+apple; // you can configure as per your need
window.location.href=finalURL; // to load generated URL
}

надеюсь, что это поможет

Answer 2

, если вы не возражаете, немного php:

<?php
$orange = $_POST['orange']; //replace orange with the name of dropdown 1.
$apple = $_POST['apple']; //replace apple with the name of dropdown 2.
$location = "www.example.com/".$orange."-".$apple.".html";
header('Location: '$location);
?>

Установите действие формы для страницы, которая не содержит ничего, кроме кода выше.IIRC, это даже выдало бы любую информацию формы.