html表單捕獲數據使url

Question

有人可以解釋我如何從兩個下拉字段中捕獲數據，並且當按下submit按鈕時將這兩個選擇值連接在一起以創建一個隨後被調用的URL。

例如。

下拉1：蘋果 下拉2：橙

當您單擊提交按鈕會創建一個URL和負載：

http://www.fruittopick.com/apple-orange.html < - 它concats 「蘋果」 & 「 - 」 & 「橙色」 &「.html」，然後加載該頁面。

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，它甚至會傳遞任何形式的信息。