如何在php中存储li标签的值并提交到数据库

Question

我是构建电子商务网站的 PHP 初学者。我对产品尺寸有疑问。单击添加到购物车按钮时，我想存储产品尺寸的值。 在 html 中使用 ul 和 li 标签显示前端的尺寸范围我想将产品尺寸添加到购物车表中。

我可以在ul标签中使用name属性来存储值并通过表单吗？

这是我的代码

<div class="col-sm-8 col-sm-12">
   <div class="filter-box">
      <div class="widget size">
         <h6 class="widget-title">Size</h6>
         <div class="widget-desc">
            <div class="row">
               <ul style="display: contents;">
                  <li id="1"><a class="filter-size-box" href="#">XS</a></li>
                  <li id="2"><a class="filter-size-box" href="#">S</a></li>
                  <li id="3"><a class="filter-size-box" href="#">M</a></li>
                  <li id="4"><a class="filter-size-box" href="#">L</a></li>
                  <li id="5"><a class="filter-size-box" href="#">XL</a></li>
                  <li id="6"><a value="" class="filter-size-box" href="#">XXL</a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</div>

Answer 1

ul/li 标签没有像“名称”这样的属性。你不应该为此使用 ul，你应该使用 with

<form method="POST">
    <select name="sizes">
       <option value="1">XS</option>
       <option value="2">S</option>
    </select> 
</form>

然后，当您在 PHP 中提交表单（POST）时，您将可以访问带有 $_POST['sizes'] 的值

可以使用 JS 和 CSS 进行编码，选择的外观和行为与使用 UL 列出的一样。已经有一些组件是这样完成的，您可以使用它们。

Answer 2

在这种情况下，您可以在表单中添加隐藏输入，然后在单击锚链接时借助 jquery 设置此输入的值。

Answer 3

你应该找到一些类似复选框的 CSS 并按照你的需要进行设计。然后你可以使用“name”属性