2012-01-13 82 views
0

我試圖實質上創建一個下拉菜單綁定到一個字段,允許我通過選擇哪一個網站的後端搜索多個部分部分使用下拉菜單進行搜索。多個搜索選項,單個字段,通過下拉選擇 - js/jquery

這將需要分配一個變量來表示來自表單和腳本的輸入,以在該變量將用於完成的不同查詢字符串之間切換。

在這一點上,我基本上只是失去了如何構建完成這個所需的JavaScript。

我可以使用一個id將每個查詢字符串綁定到每個選項,然後創建一個在提交表單時運行的函數,通過將該變量與JavaScript中包含的基本URL組合來構建所需的查詢URL:

基本上我需要,比如文本下拉選項告訴頁面,當表單被提交時,它會將%query%追加到http://example.com/content/text/?q=,並讓系統處理剩下的內容。

我會真誠地感謝一些關於如何構建js/jquery來實現它的輸入。我知道我需要將變量綁定到字段,然後將URL填入基於ID的下拉列表中,但我並不完全確定。

+0

這就是你正在嘗試做的:你正在嘗試重定向到基於下拉選擇在表單提交不同的網址?來自表單的某些輸入必須包含爲新URL的查詢字符串。 – 2012-01-13 19:57:02

+0

就是這樣。我只需要下拉菜單來指定哪個URL正在填寫以及在該字段中輸入的內容。 – Cory 2012-01-13 20:34:27

回答

1

以下是你可能想要做的一些的jsfiddle例子:

  1. 傳遞查詢詞和查詢STRI下拉列表中選擇場只要一頁,並讓頁面根據選擇做一些事情。 jsFiddle

  2. 將搜索條件傳遞到下拉選擇字段指定的頁面。 jsFiddle

  3. 將搜索詞傳遞給下拉選擇字段指定的URL。 jsFiddle

+0

這完美的訣竅。非常感謝! – Cory 2012-01-14 04:42:24

0

這是我會做的。

擁有的onsubmit

一個事件處理程序在YourMehtod(){ 1.使用下拉選擇 2.獲取網址,並將查詢字符串 3.window.open(URL, 「_自我」) }

相關問題