2011-12-10 8 views
0

私は編集ボタン付きのHTMLテーブルを持っています。 "編集"をクリックすると、javascriptでフォームが作成されます。私はjqueryを使って "Edit"で行を隠しています。今私はこれで動作するキャンセルボタンを取得しようとしています。 「キャンセル」をクリックすると、テーブルの行が戻されます(これは簡単ですが、フォームも非表示になります)。キャンセルを伴うjavascript生成フォーム

フォームを非表示にする方法がわかりません。 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')の' $( '#editform')。hide() 'をスワップすると、innerHTML =" ";基本的に、編集ボタンをクリックするたびにフォームを再作成するので、コンテンツを閉じるときに削除するだけです。 – cowls

+0

素晴らしい、ありがとう! – Tom

関連する問題