作者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