作者sausagepp (sausagepp)
看板Ajax
标题[问题] 提交表单局部更新
时间Sat Oct 13 13:26:21 2012
-------------------------------------------
| | |
| | |
| | |
| | |
| A | B |
| | |
| | |
| | |
-------------------------------------------
| |
| |
| C div id=list |
| |
| |
-------------------------------------------
B是要搜寻的表单 C是搜寻完显示的地方
在B调用
<a href='#' onclick='return false'
onmousedown="javascript:getForm()";>search</a>
这个方法後到js去使用getForm 和searcch两个function
应该最後会更新C这个区块
function getForm(){
var name = id('number').value;
searcch(name);
}
function searcch(con1){
var url = "test2.php";
$.post(url, {contentVar: con1} ,function(data) {
$("#list").html(data).show();
});
}
但执行完後却变成
-------------------------------------------
| | |
| | |
| | |
| | |
| A | |
| | |
| | |
| | |
-------------------------------------------
| |
| |
| 资料变在这 |
| |
| |
-------------------------------------------
| | |
| | |
| | |
| | |
| B | |
| | |
| | |
| | |
-------------------------------------------
| |
| |
| C |
| |
| |
-------------------------------------------
想请问要改那个部分才能变成本来我想要的那样...
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.45.47.227
※ 编辑: sausagepp 来自: 114.45.47.227 (10/13 13:27)
1F:→ b12031106:看起来应该是CSS的问题 不是JS 10/13 15:55
2F:→ sausagepp:我本来也觉得是css的问题 但C这个区块原本的东西也都还 10/13 20:10
3F:→ sausagepp:在 没有被更新後的东西取代掉 更新後的反而跑到B的上面 10/13 20:11
4F:→ sausagepp:这样还是因为是css的问题吗? 10/13 20:11
5F:推 nenpow:用firebug或在chrome检查element看到底变成怎样 10/14 00:41