2011-12-10 63 views
0

我有一個HTML表格與編輯按鈕。點擊「編輯」使用javascript構建一個表單。我正在使用jquery隱藏「編輯」行。現在我試圖讓取消按鈕來處理這個。如果您點擊「取消」,它會將表格放回表格中(這很容易),但它也隱藏了表格。JavaScript生成的表單與取消

我不確定如何隱藏表單。我創建了一個jsfiddle,其中包含所有詳細信息: http://jsfiddle.net/h34Hr/13/

按任意行上的「編輯」,然後在表單中按「取消」。它確實帶來了行,但我不知道如何隱藏表單。

任何幫助表示讚賞。

+0

那豈不是更容易在HTML靜態創建的形式,並在「編輯」簡單地填充場值? –

回答

1

你應該更多地利用JQuery。

要解決您的問題,嘗試改變這個

myCancel.onclick = function() { 
    thisrow.show(); 
}; 

這個

myCancel.onclick = function() { 
    thisrow.show(); 
    $('#editform').hide(); 
}; 
+0

謝謝,這隻能工作,但只有一次。現在,如果你回到另一行進行編輯或同一行,表單不再顯示,行開始消失......任何想法? – Tom

+0

對不起我的錯誤,沒有正確地測試它:) 如果你交換'$('#editform')。hide()'爲'document.getElementById('editform')。innerHTML =「」;'它應該工作。由於每次單擊編輯按鈕時都會重新創建表單,因此在關閉內容時刪除內容是有意義的。 – cowls

+0

輝煌,謝謝! – Tom