有关HTML/CSS表格和MySQL中的按钮问题?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (79)

我正在编写一个网站连接了MySQL数据库。我创建了一个全是产品的表格,这些产品存储在数据库中。每一行都有一个按钮“Add to Cart”。但我如何准确地获得特定的产品呢?我已经有这个功能了addtoCart(string articleName)。

但我不知道怎么才能知道产品的名字。

以下是我的代码:

<table id="Products">
              <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Description</th>
                <th>Price</th>
                <th>Stock</th>
              </tr>
    <% 

      Class.forName("com.mysql.jdbc.Driver");
      Connection  con = DriverManager.getConnection("jdbc:mysql://localhost:3306/shop", "root", "12345");
      Statement stmt = con.createStatement();
      ResultSet rs = stmt.executeQuery("SELECT* FROM products WHERE category='shisha'");

      while(rs.next()){
      int id = rs.getInt("articleID");
      String pname = rs.getString("productName");
      String description= rs.getString("description");
      float price = rs.getFloat("price");
      int stock = rs.getInt("stock");
      %>
              <tr>
                <td><%out.print(id);%></td>
                <td><%out.print(pname);%></td>
                <td><%out.print(description);%></td>
                <td><%out.print(price);%></td>
                <td><%out.print(stock);%></td>
                <td> </td>  
                <td><input type="text" placeholder="How much ?" name="quantity" required> </td>
                <td> <input class="button" type = "submit" value="Add to cart"> </td>
               </tr>
      <%
      }



      %>
      </table>   

每个产品自成一行,并带有自己的按钮。我想调用这个函数addtoCart(string articleName)但是如何获得按钮所在行的产品名称呢?

提问于
用户回答回答于

使用jQuery,您可以向按钮中添加一个类和数据属性,然后您可以得到类似的值。

<input class="button" data-product="<%out.print(pname);%>" type = "submit" value="Add to cart">

 $('.button').click(function(){

  var product = $(this).data("product");
   addtoCart(product);

 });
用户回答回答于

将其添加到按钮。而不是将按钮设置为提交按钮,而是创建一个

<button onclick="addToCart(%out.print(id);%);">Add to cart</button>

然后在一个名为addToCart的函数中获取产品信息

扫码关注云+社区

领取腾讯云代金券