htmlフォームキャプチャデータ作成URL

Question

誰かが2つのドロップダウンフィールドからデータを取得する方法と、送信ボタンを押したときにこれらの2つの選択値を結合してURLを作成して呼び出す方法を説明できますか？

例えば、

ドロップダウン1：アップル ドロップダウン2：

http://www.fruittopick.com/apple-orange.html < - " - " & "オレンジ" それは "りんご" &をconcats：オレンジ

あなたはそれがURLと負荷を作成し送信ボタンをクリックすると、 & ".html"を読み込み、そのページを読み込みます。

Answer 1

あなたは

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 
} 

あなたは少しPHPを気にしないならば、それは

Answer 2

を助ける願っています下記参照たとえばフォームが送信されたときに呼び出される1つのjavascript関数、 を作成することができます。

<?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では、フォーム情報を渡すことさえあります。