2011-09-09 9 views
0

mulitpleプロパティのユーザー選択に基づいてURLを作成するフォームを作成したいと考えています。たとえば、私のサイト(GaHomesDigest.com)には、タグなどに基づいて検索するプロパティ検索機能がありますが、私が望むのは新しいURLです。ユーザーが行った複数の選択に基づいてURLを作成するフォームを作成するにはどうすればよいですか?

だから、URLビルダーは次のようになります。

URL + CITY [selected]+ Bedrooms + Etc 

この上の任意のアイデア、実施例へのリンクだけは素晴らしいことです。私が見つけたのは一つの選択肢です。

わかりやすくするために、例を示します。

フォームには、市の欄、寝室、バスルーム、価格帯があります。ユーザーはアトランタ5つのベッドルーム3つのバスルーム0〜200を選択した場合

が、私は、ユーザーがドメインに取られたく/アトランタ/寝室/ 5 /バス/ 3/MAX-価格//

200は私が考えていましたシンプルなJavaScript、onclick [selector0] + [selector1]などは動作しますが、それが正しいかどうかはわかりません。

私が検索する正しい「言葉」を知っていれば、私は行くことができ、また報告することができます。ありがとう!あなたが何を意味するか理解しようと

+0

基本的に、フォームの入力名+値を完全なクエリ文字列にシリアル化する方法を尋ねていますか? – BalusC

+0

あなたはちょうど私の頭を越えましたが、基本的にURLはすでにそこに座っていますが、非常にたくさんあるので、これで検索します。 URLはdomain.com/city/beds/5/basement/yesのように見えるかもしれません –

+1

適切な技術的な詳細で機能要件を詳しく説明するために、質問を編集し明確にしたいと思うかもしれません。私は今あなたが必要とするものはもう分かりません。 – BalusC

答えて

0

...ウィルこの作品のようなもの:

var urlTemplate = '/{city}/beds/{beds}/basement/{bsmnt}'; 
var city = $('#city').val(); 
var beds = $('#beds').val(); 
var bsmnt = $('#bsmnt').val(); 


$('#myForm').attr('action', urlTemplate.replace(
    '{city}', city). 
    '{beds}', beds). 
    '{bsmnt}', bsmnt); 

今、あなたはあなたのアクションは、入力の値で満たされています。このURLを形成する必要があるときに、このコードを関数の中に入れてください。私はjQueryを使用しています。

+0

これは基本的に私が探していたものですが、これをどのように動作させるかは不明でした。 –

+0

それも助けましたか? –

+0

私はまずそれをテストしなければなりません。私はあなたのことを "確認"します。 –

関連する問題