-2

我之前在隐藏字段上发布了问题，名称重复，现在我的文本框有问题。我正在为我的图像查看器使用 jquery。同时，我想要隐藏字段。但是，对于文本框，它似乎显示了所有文本框。

<div class="container">
  <div class="full-image">
    <form action="addOrder.php" method="post">
      <a href="city/GVcementMixture.jpg" class="zoomIt visible"><img src="city/rsz_cementmixture.jpg" alt="" /></a>
      <input type="hidden" name="op" value="add">         
      <input type="hidden" name="name" value="Cement Mixture">
      <input type="hidden" name="price" value="29.90">
      <input type="text" name="quantity" value="quantity?">
      <input type="hidden" name="subtotal" value="subtotal">
      <input type="submit" value="Add to Cart">
    </form>

………………

输出将显示两个数量的文本框，但是，我键入的数量，它设法存储在我的数据库中......

任何人都知道我该如何解决这个问题？

ps 这个问题已经在函数的帮助下得到了解决。感谢您花时间阅读它。

4

2 回答 2

1

好的，因此，您的 HTML 将被简单地解释，因此每个标签都会创建一个 DOM 元素。这意味着，文本框的数量与输入标签的数量一样多（输入 text ofc）。你放了两次：

<input type="text" name="quantity" value="quantity?">
<input type="submit" value="Add to Cart">

因此将显示 2 个文本框和提交按钮。
因为您仅使用 HTML 进行操作，所以您没有太多选择，因为您需要为每张图片提供 1 个表单（因此需要一个文本框和一个提交）。

现在，您正在使用 jQuery（通常还有 javascript，但这不是重点）。你可以做的是添加一些脚本。例如，从表单中删除您的文本框，添加一个唯一的，监听用户向服务器发送数据时触发的“提交”事件，以便您可以手动更新隐藏的输入，例如：

<input type="hidden" name="quantity" />

我并不是说这是最好的解决方案，但它需要很少的脚本。
如果你真的迷路了，我可以提供更多信息。不过，要清楚和彻底地满足您的需要。

Edit:
So yeah, remove those textboxes, and add one elsewhere. Here are 2 ways to make this work.

于 2013-03-29T13:35:44.953 回答
0

Based on your comments, it sounds like each image doesn't really need its own form, with a separate "Add to Cart" button, because they all represent the same product.

So why not separate the HTML that displays the images ( which will repeat for each image) from the HTML that creates the form (which will only show once)?

于 2013-03-29T13:46:48.913 回答