我想在我自己的网站上实现这种搜索框 - http://www.chipmunk.com/。(在储蓄从这里开始)
这如何与滑动水平输入和 2 个其他输入一起使用,其中一个具有下拉效果?我想知道如何将所有这些东西结合起来进行搜索。
你知道一些教程或者你能帮我建立吗?
非常感谢你。
我想在我自己的网站上实现这种搜索框 - http://www.chipmunk.com/。(在储蓄从这里开始)
这如何与滑动水平输入和 2 个其他输入一起使用,其中一个具有下拉效果?我想知道如何将所有这些东西结合起来进行搜索。
你知道一些教程或者你能帮我建立吗?
非常感谢你。
根据 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() 已经获得了更新的值,我需要将它与另一个输入结合起来,并将两个参数都传递给搜索变量。