2011-12-10 2 views
0

나는 편집 버튼이있는 html 표가 있습니다. "편집"을 클릭하면 자바 스크립트로 양식이 작성됩니다. jquery를 사용하여 "편집"으로 행을 숨 깁니다. 이제 취소 단추를 사용하여이 작업을 수행하려고합니다. "취소"를 클릭하면 테이블에있는 행을 쉽게 다시 가져올 수 있지만 양식을 숨 깁니다.자바 스크립트가 취소 된 양식을 생성했습니다

양식을 숨기는 방법을 모르겠습니다. 모든 세부 사항이있는 jsfiddle을 만들었습니다. http://jsfiddle.net/h34Hr/13/

모든 행에서 "편집"을 누른 다음 양식에서 "취소"를 누릅니다. 행을 다시 가져 오지만 폼을 숨기는 방법을 모르겠습니다.

도움을 주시면 감사하겠습니다.

+0

로 변경하려고 수정하고, "편집"을 단순히 필드를 채우려면 가치? –

답변

1

JQuery를 좀 더 활용해야합니다.

하는 것은 문제가 정적 HTML에서 만든 양식을 훨씬 쉽게하지 않을까요이

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

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

고마워, 그 작품은 오직 한 번. 이제 다른 행으로 돌아가 편집하거나 동일한 행을 보면 양식이 더 이상 나타나지 않고 행이 사라지기 시작합니다 ... 어떤 생각입니까? – Tom

+0

내 실수로 미안하지만, 제대로 테스트하지 못했습니다. 'document.getElementById ('editform') .' innerHTML = "";'에 대해'$ ('# editform') hide()'를 바꾸면 작동합니다. 기본적으로 편집 단추를 클릭 할 때마다 양식을 다시 작성하기 때문에 내용을 닫을 때 내용을 제거하는 것이 좋습니다. – cowls

+0

빛나는 감사합니다! – Tom

관련 문제