[問題] 提交表單局部更新

看板Ajax作者 (sausagepp)時間11年前 (2012/10/13 13:26), 編輯推噓1(104)
留言5則, 3人參與, 最新討論串1/1
------------------------------------------- | | | | | | | | | | | | | 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)

10/13 15:55, , 1F
看起來應該是CSS的問題 不是JS
10/13 15:55, 1F

10/13 20:10, , 2F
我本來也覺得是css的問題 但C這個區塊原本的東西也都還
10/13 20:10, 2F

10/13 20:11, , 3F
在 沒有被更新後的東西取代掉 更新後的反而跑到B的上面
10/13 20:11, 3F

10/13 20:11, , 4F
這樣還是因為是css的問題嗎?
10/13 20:11, 4F

10/14 00:41, , 5F
用firebug或在chrome檢查element看到底變成怎樣
10/14 00:41, 5F
文章代碼(AID): #1GUFk0M8 (Ajax)