0

我敢肯定这是一个对大多数人来说很简单的问题。出于某种原因,我在试图弄清楚这一点时大脑一片空白。最糟糕的是,我以前在以前的项目中做过这个。

无论如何,我想做的是以下几点:

我有一个页面,其中包含 1 组单选按钮和 5 个 jQuery 滑块。这些允许用户调整他们的搜索参数(丢失钻石)。

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

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

如果您想看看我要做什么,这是我的测试站点位置:

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);
            });
});
4

1 回答 1

0

您是否尝试过将您的 post 事件放入 on change 事件中?您需要确定输入的选择器,但无论何时更改任何输入,都应在您的页面上提交表单以更新信息。

$(document).ready(function(){
   $(INSERT SELECTOR FOR YOUR SLIDERS).change(function(){
       document.forms["epds"].submit();
   });
});
于 2012-05-06T22:06:17.080 回答