Question

我确信这个问题对大多数人来说都很简单。我出于某种原因在尝试解决这个问题时脑子里一片空白。最糟糕的是，我之前在上一个项目中做过这个。

无论如何，我要做的是以下内容：

我有一个页面，有一组单选按钮和5个jQuery滑块。这些允许用户调整他们的搜索参数（对于失去的钻石）。

在滑块下方，我希望返回搜索结果。当用户调整滑块时，我打算使用滑块Stop事件将表单变量提交给查询，以更新结果。

好的，对于我的生活，我似乎无法弄清楚如何做到这一点，没有整个页面刷新自己。我试图让结果更新，但由于某种原因，没有返回任何内容。

如果你想看看我想要做什么，这是我的测试网站位置：

http://www.dawnwood.net/ds/diamonds.php

这是一个jpg试图解释我正在尝试做什么：

http://www.dawnwood.net/ds/example.jpg

我非常感谢你们提供的任何帮助。这已经困扰了我好几天了。我已经尝试了从iFrames到Ajax更新的所有内容。我似乎无法将正确的组合结合在一起，因此它会使用更新的结果刷新div。

再次感谢大家，德里克

PS-现在页面上有一个提交按钮。那只是我的测试。我计划在实际工作时没有那个。

PPS -

我尝试的最后一点ajax代码如下。它似乎没有做任何事情。

$(document).ready(function(){
$.post('db_query.php', $("#epds").serialize(), function(data) {
                $('#search_results').html(data);
            });
});

Answer 1

您是否尝试过将事件置于更改事件中？您需要确定输入的选择器，但无论何时更改，都应在页面上提交表单以更新信息。

$(document).ready(function(){
   $(INSERT SELECTOR FOR YOUR SLIDERS).change(function(){
       document.forms["epds"].submit();
   });
});

用jQuery.slider和Ajax页面刷新绘制一个空白

1 个答案: