PHP、MySQL、HTML/CSS、javascript - Whileループとボタン付きモーダルボックスポップアップ

Question

私はこれ以上私の脳を壊してしまっています。私はPHPとモーダルボックスとJavascriptについての基本知識しか持っていません。 ここに私の懸念があります...

私はPHPが自分のデータベースからMySQLデータを取得し、このデータを私のウェブサイトのテーブルに置いています[これはファーストフードレストランのウェブサイトです。私はテーブルの各レコードを実行して追加するwhileループを持っており、各アイテムにORDERボタンを追加します。各ボタンは、関連アイテムの情報を含むモーダルボックスを開くようになっています（ショッピングカートに追加できるように、私はショッピングカートを持っています）。

問題：
最初の項目の[ORDER]ボタンのみがモーダルボックスを開きます。他のボタンはモーダルボックスを開けません。

​​

Answer 1

入力のIDにはクラスが定義されていないという事実に起因すると考えられます。

idがページ上で一意であることを意図しているため、idで選択された要素にjavascript関数をバインドすると、このidを持つ最初の要素のみがバインドされます。

は、私はあなたがそれに応じてあなたのjavascriptの一部を適応させる

class='myBtn' 

代わりの

id='myBtn' 

使用をお勧めします。