javascript - キャンセルボタンをクリックしたときに、元のデータを残したまま、jqueryによって動的に追加されたデータを削除するにはどうすればよいですか?
天蓬老师
天蓬老师 2017-05-18 10:50:42
0
5
577


図のようにポップアップボックスです 赤丸の部分がjqueryで動的に追加されたものに適しています 動的に追加されたものを削除する方法保存またはキャンセル後の内容は、元のものをそのままにしておくと、次回ポップアップ ボックスをクリックしたときにも、元のものと同じように表示されます。

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全員に返信(5)
大家讲道理

1. [保存] をクリックしてデータを記録します。[保存] をクリックすると、すべてのコンテンツがサーバーに送信され、[キャンセル] をクリックすると、何も操作せずに直接戻るか、前の状態に更新されます。 2. [キャンセル] または [保存] をクリックします。以前のデータは保存されません。バックグラウンドでデータをアップロードするのとは異なりますが、これでは何も意味がないようです

いいねを押す +0
小葫芦

どのフレームワークを使用しているかわかりませんjQuery框架是有类似dialog.clear()的方法的,如果只是用jQuery实现的话,可以将弹框的页面做成一个template,这个template中的页面就是最初什么都没有动态添加的页面,然后下次点击弹框再次render之前的template

いいねを押す +0
伊谢尔伦

最も簡単な方法は、フォーム全体をフォームでラップし、クリックすると初期値に戻る <input type="reset"/> としてキャンセルを処理することです。

いいねを押す +0
淡淡烟草味

シンプルで粗雑なので削除してください

いいねを押す +0
某草草

実際、あなたの要件はそれほど複雑ではありません。分析したところ、ロジックは次のようになります。
1. [+] ボタンをクリックすると、jq が HTML の行を追加し、それにクラスを与えます。新しく追加されたものであれば、簡単に削除できる統合クラスを追加します
2. 新しく追加された行のテキストボックスがフォーカスを失ったときにデータを保存します
3. 保存ボタンをクリックすると、ajax が保存されたデータを送信します
4.キャンセルボタンを押すと、保存されたデータはクリアされ、追加された行は削除されます

したがって、問題によると、最善の解決策は、新しく追加された要素に統合クラスを追加することです。 $('.cls').remove(); が実行されます。データを保存している場合は、次の手順でデータを消去することをお勧めします。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート