html - CSS Modal Popup にデータを送信する

Question

Mysql データを操作する必要があります。

1. HTMLテーブルにMysql DBコンテンツを入力し、すべての行に「編集」ボタンと「削除」ボタンがあります...（HTML「a」タグボタン）
2. 「編集」ボタンをクリックすると、行のレコードを編集する必要がある純粋な CSS3 モーダル ポップアップが開きます。
3. 「削除」ボタンをクリックすると、純粋な CSS3 モーダル ポップアップが開き、レコード削除の確認が表示されます。答えが「はい」の場合は、レコードの削除に進みます。答えが「いいえ」の場合は、親ページに戻る必要があります...

選択したレコードのリストを作成する作業が行われています。CSS3 モーダル ポップアップは機能しています...問題は、モーダル ポップアップに引数を送信してデータを操作するにはどうすればよいかということです。

誰かがこれを手伝ってくれませんか。

ありがとう。

Answer 1

私がこれを行う方法は順不同です：

1. テーブル上のアイテムごとに個別のモーダル。扱いにくい可能性があり、間違いなく効率的ではありませんが、Javascript を使用せずに作業を完了できます。
2. Javascript -ボタンにdata-idand属性があります。data-tableクリックすると、モーダルに AJAX 経由で Javascript が入力されます。
3. Javascript - テーブル データを JSON 配列に格納します。上記の属性を使用して、JSON テーブル オブジェクトの特定の要素にアクセスします。
4. dataJavascript -可能であればJSON オブジェクトを属性に直接保存し、クリックするとモーダルを読み込みます。
5. すべてのコンテンツを非表示<div>にし、ボタンがクリックされると、HTML をモーダルに転送します。

実際には、それを実現する方法は他にもたくさんあります。簡単で、効率的で、安全に見えるものを選んで、試してみてください。行き詰まった場合は、ここに投稿してください。喜んでお手伝いさせていただきます。