-2

我目前正在为我的网站创建一个搜索字段，它有多个选项，我正在努力解决的主要功能是，当用户开始选择数据进行搜索时，它会回显出他们想要执行的搜索查询。

这是我要实现的目标的图像。

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

因此，当用户开始从列表中选择选项时，它会在右下角更新用户想要搜索的内容。某些类别必须允许多项选择，例如，用户可能希望通过 Make C 搜索 Type D 和 A in Blue in Blue。

到目前为止，我所做的是将搜索查询分为三个部分（数据将在哪里输入），每次用户单击一个选项时，它首先查看是否有一个带有选项值的标签被选中，但它不能很好地扩展。

您将如何解决实施这样的问题？目前我的方式感觉有点笨拙。

欢迎提出任何问题，因为我想找到一个好的方法来做这件事并继续前进！谢谢！

4

1 回答 1

1

这jsfiddle是我认为您正在尝试实现的工作示例：http: //jsfiddle.net/b446B/

我创建了 3 种不同的情况： - 必需的类，用于需要在最终查询中的字段 - 多个类，用于允许多选的字段 - 没有上述情况，需要单数选择

标签可以与字段不同，这就是我将它们存储在 rel 属性中的原因。

于 2013-02-07T20:13:14.050 回答