更新屏幕查詢搜索選項

Question

我目前正在爲我的網站做一個搜索字段，它有多個選項，我掙扎的主要特點是，當用戶開始選擇數據來搜索它時，回聲出搜索查詢他們想要表演。

這是我想要實現的圖像。

http://i4.minus.com/jbluKDVCTV1HKh.png

因此，當用戶開始從列表中選擇選項，它更新右下角什麼用戶的目標是尋找。一些分類必須允許多種選擇，例如用戶可能想要通過品牌C在藍色中搜索類型D和A.

我到目前爲止所做的工作是將搜索查詢分成三部分（其中數據將被輸入），並且每次用戶點擊一個選項時，它首先查看是否存在一個標籤，該選項的值被選中，但不能很好地擴展。

你會如何解決這個問題？目前我的方式感覺有點笨拙。

任何問題都歡迎，因爲我想找到一個好方法，並從中繼續！謝謝！

Answer 1

這裏是什麼，我想你想實現jsfiddle工作示例：http://jsfiddle.net/b446B/

我創建3種不同的情況： - 所需的類，因爲這需要在最終查詢 領域 - 多個類，允許多個選擇的字段 - 沒有上述，需要單數選擇

標籤可以與字段不同，這就是爲什麼我將它們存儲在rel屬性中的原因。