Javascript JQuery未注册按钮单击

我有一个显示产品列表的页面。用户可以选择要订购的产品数量，然后单击订购按钮。这应该在Cookie中放置对数量和产品ID的引用。但是，目前甚至没有注册

按钮。当我点击它时，什么也没发生

如果我将按钮放在
foreach
循环的外部，则它会工作。有人知道发生了什么事吗

下面是产品列表的代码

    <?php if($products): ?>
                    <ul>
                    <?php foreach($products as $product): ?>
                    <h3 id="stock_code"><?= get_field('stock_code', $product->ID); ?></h3>
                    <p>Description: <?= get_field('description', $product->ID); ?></p>
                    <p>Quantity Per Pallet: <?= get_field('quantity_per_pallet', $product->ID); ?></p>
                    <!-- Quantity Dropdown -->
                    Amount <select id="order_amount<?= $product->ID; ?>" name="amt">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                    </select>
                    <input type="submit" value="Add to Order" id="orderBtn"/>
                    <?php endforeach;  ?>
            </ul>
  <? endif ?>

如果您能在这件事上提供任何帮助，我将不胜感激。
请勿使用“身份证开启”按钮。若要将事件分配给多个对象，则必须使用类

使用id选择器jQuery时，只将事件分配给第一个对象，因为id必须是唯一的

更改：

$("#orderBtn").click(function(event){
..
}

致：

和HTML声明：

<input type="submit" value="Add to Order" id="orderBtn"/>



致：


您正在循环中复制orderBtn ID。最好给它上一节课。我该怎么做呢？我不会复制一个类吗？在DOM中，ID不能被复制。您可以将submit按钮置于循环之外，并使用ID选择器作为您的“立即使用”，或者如果希望在循环中显示它，则为其分配一个类。然后你引用使用$（this）提交的表单。最好拿出你的小提琴。您可能不希望有多个表单。@Javacadabra，类可以是公共属性。Id-是唯一标识符。因此，它不可能是所有人的共同点。尝试使用计数器生成新ID。
$(".orderBtn").click(function(event){
..
}

<input type="submit" value="Add to Order" id="orderBtn"/>

<input type="submit" value="Add to Order" class="orderBtn"/>