选中复选框时仅重新加载一个DIV
Reloading only one DIV when checking a checkbox
我一直在尝试让脚本工作,但没有机会!
基本上,我想要一个复选框表单,当一个框被选中时自动提交,然后在我的网站上只重新加载一个特定的DIV(indexMain)。我试图实现的是在左边有一个按颜色过滤的过滤器,所以当用户检查RED时,只有RED项目会显示(通过重新加载items DIV)。
这是我到目前为止的代码(不起作用,因为检查颜色框没有任何效果):
<script>
$(function() {
$(".regularCheckbox").change(function() {
console.log("changed...");
var data = $(this).serialize();
console.log(data);
$("#indexMain").load("index.php?data="+data)
})
})
</script>
<div class="bgFilterTitles">
<h1 class="filterTitles">COLOR</h1>
</div><div class="colors">
<form id ="colors" method="post" action="index.php">
<?php
$colors = mysql_query("SELECT DISTINCT color_base1 FROM item_descr ORDER BY color_base1");
while ($colorBoxes = mysql_fetch_array($colors))
{
echo "<input type='checkbox' id='checkbox-1-1' class='regularCheckbox' name='color' value='".$colorBoxes[color_base1]."' /><font class='similarItemsText'> ".$colorBoxes[color_base1]."</font><br />";
}
?>
看看Jquery在AJAX成功时通过.submit()提交表单。。。怎样
你"调用"的.load()函数实际上是一个事件处理程序,所以它不会做任何与提交表单有关的事情。
如果您的PHP返回HTML片段,那么您可以使用jquery(或标准DOM)将HTML片段添加为目标div的innerHTML。
更新:在我最初输入的时候太快了,$(ele).load()函数确实可以工作,所以请在Firebug或其他开发工具中检查您的请求和响应。
相关文章:
- 通过DRAGGABLE将一个DIV移动到另一个DIF下?(CSS,JQuery)
- 限制一个DIV出现在另一个特定大小的DIV中
- 使用jQuery将DIV放在另一个DIV上
- 只翻转一个DIV,而不是所有DIV都属于同一类
- 更改另一个 DIV 之前的 DIV 宽度
- JQuery 将一个 Div 值的百分比添加到另一个值
- jQuery - 在另一个 DIV 中定位特定的 DIV
- 选中复选框时仅重新加载一个DIV
- 动态创建一个DIV容器
- 在悬停时显示一个DIV,在悬停的另一个DIV.使用CSS
- 将DIV内容复制到另一个DIV
- 当调用DIV时,将一个DIV加载到另一个的顶部
- 通过点击隐藏DIV,并通过JavaScript显示另一个DIV
- 同时换掉两个Div,换成另一个Div并保持循环一段固定的秒数
- For循环只打印一个DIV标记.不是8个DIV标签
- 切换一个Div与按钮改变左边距属性
- 使用 javascript 在 DOM 中隐藏 DIV 中的文本,具体取决于另一个 DIV 中的文本
- 如何根据另一个 DIV 内容的可见性显示 DIV 内容
- DIV 滚动到达页脚(另一个 DIV)后停止滚动
- JQuery 滚动到滚动到下一个 DIV