php - 自定义搜索框接受 2 个或更多输入，其中具有滑动功能

Question

我想在我自己的网站上实现这种搜索框 - http://www.chipmunk.com/。（在储蓄从这里开始）

这如何与滑动水平输入和 2 个其他输入一起使用，其中一个具有下拉效果？我想知道如何将所有这些东西结合起来进行搜索。

你知道一些教程或者你能帮我建立吗？

非常感谢你。

Answer 1

根据 Vlad Preda 的评论，我得到了一个代码并稍微编辑它以创建一个滑块函数，它给了我一个变量（比如范围 23 到 109），它回答了我的部分问题。

<div>
      <input id="cost" name="cost" type="range" min=23 max=109 value=93 style="width: 40%;">
      <output for="cost">1</output>
</div>

现在我需要将其用作输入，以及另一个输入（字符串。例如商店名称）

我将如何设法将这两个元素结合起来给我一个合适的搜索结果？

JavaScript 代码 -

$(function() {
       var el, newPoint, newPlace, offset;
       $("input[type='range']").change(function() {
         el = $(this);
         width = el.width();
         newPoint = (el.val() - el.attr("min")) / (el.attr("max") - el.attr("min"));
         offset = -1.3;
         if (newPoint < 0) { newPlace = 0;  }
         else if (newPoint > 1) { newPlace = width; }
         else { newPlace = width * newPoint + offset; offset -= newPoint;}
         el
           .next("output")


           .text(el.val());
       })
       .trigger('change');
     });

我猜有一个变量 e1.val() 已经获得了更新的值，我需要将它与另一个输入结合起来，并将两个参数都传递给搜索变量。