-2

私は現在、自分のウェブサイトの検索フィールドを作成しています。複数のオプションがあり、苦労している主な機能は、ユーザーが検索するデータを選択し始めると、実行したい検索クエリがエコーアウトされることです。

これが私が達成しようとしているもののイメージです。

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

そのため、ユーザーがリストからオプションを選択し始めると、ユーザーが検索しようとしているものが右下に更新されます。一部のカテゴリでは、複数の選択を許可する必要があります。たとえば、ユーザーは Make C で Type D と Type A in Blue を検索する場合があります。

これまでに行ったことは、検索クエリが 3 つの部分 (データが入力される場所) に分割され、ユーザーがオプションをクリックするたびに、オプションの値を持つタグがあるかどうかを最初に確認することです。選択されていますが、うまくスケーリングしません。

このような実装にどのように取り組みますか? 今のところ、私のやり方は少しぎこちなく感じています。

これを実行して先に進むための良い方法を見つけたいので、どんな質問でも大歓迎です!ありがとう!

4

1 に答える 1

1

jsfiddleこれは、あなたが達成しようとしていると私が思うものの実際の例です: http://jsfiddle.net/b446B/

私は3つの異なるケースを作成しました: - 最後のクエリに必要なフィールド用の必須クラス - 複数選択を許可するフィールド用の複数クラス - 上記なしで、単一の選択が必要な場合

ラベルはフィールドとは異なる場合があるため、rel 属性に保存しています。

于 2013-02-07T20:13:14.050 に答える