Проблема с кнопкой в таблице HTML / CSS и Mysql

Question

Проблема с кнопкой в таблице HTML / CSS и Mysql

0

У меня небольшая проблема. Сейчас я программирую веб-сайт, который связан с базой данных mysql. Я создал таблицу, заполненную продуктами, которые хранятся в базе данных. В каждой строке есть кнопка "Добавить в корзину", но как я могу получить конкретный элемент? У меня уже есть функция 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) но как получить имя продукта в строке, в которой находится кнопка?

Laura Bodewig 03 июль 2018, в 17:27

Источник

0

На этот вопрос можно ответить с помощью обычного поиска, пожалуйста, воздержитесь от вопросов, пока вы не узнаете, как искать основную документацию для инструментов, которые вы используете, спасибо w3schools.com/html/html_forms.asp
Yehuda Schwartz 03 июль 2018, в 15:27

Теги:

mysql

html

css

html-table

button

2 ответа

0

добавьте его к кнопке. Вместо того, чтобы кнопка кнопки отправить, создайте

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

затем получить информацию о продукте в функции addToCart

RAEC 03 июль 2018, в 13:13

Ещё вопросы

На этот вопрос можно ответить с помощью обычного поиска, пожалуйста, воздержитесь от вопросов, пока вы не узнаете, как искать основную документацию для инструментов, которые вы используете, спасибо w3schools.com/html/html_forms.asp

Mo Star · Accepted Answer · 2018-07-03T13-51-00.000Z

Используя 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);

 });

Надеюсь, это поможет.

Спасибо