-1

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

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

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

非常感谢你。

4

1 回答 1

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() 已经获得了更新的值,我需要将它与另一个输入结合起来,并将两个参数都传递给搜索变量。

于 2013-09-05T19:39:36.777 回答