复杂的ajax搜索/比较表单

时间:2011-05-27 15:48:38

标签: ajax forms search interface

首先,这更像是一个设计/界面类型的问题,所以没有正确/错误的答案,但我会很感激人们对此的看法。

我正在创建一个比较网站,我不确定如何继续搜索界面。会有很多字段,每个字段都可能有很多值。其中一些字段将使用滑块缩小值,但其他字段将需要为每个可用值设置一个复选框(因为可能需要多个值)。

当您更改任何字段时,它会自动更新下面的结果,并显示每个字段选项以显示剩余的内容以进行过滤/搜索。

现在我原本打算在列顶部显示前5个搜索字段,并将这些字段限制为前5个最常出现的值。每个字段都会显示更多以展开选项,并且还会显示更多字段按钮以进一步扩展搜索范围。

完全展开后,这绝对能够填充大小合适的屏幕分辨率。显然它可以选择最小化形式,结果将显示在下面,但有没有人有任何想法如何这可以布局?

我们已经玩弄了侧边栏中的所有搜索选项,但是有很多你可能需要向下滚动整页高度2或3次才能看到所有会烦恼的东西。在我看来,单击最大/最小化按钮肯定会更容易。

一些例子,但实际上并不像我们需要的那样复杂:

http://www.autotrader.co.uk/

http://www.holidaylettings.co.uk/homesearch.asp

任何好的例子/想法?

1 个答案:

答案 0 :(得分:0)

结束只让它拥有5个最重要的字段,隐藏不太重要的选项,然后您可以显示更多选项,并显示更多字段。

简单:)