Question

我想实现以下内容。每个行的单元格中都有一个复选框的表。要提交表单，下拉菜单会提供不同的操作（移动，删除等）。

看起来像是：

提交按钮将是一个可撤消的下拉列表，其中包含不同的操作：

表格的工作代码：

<form action="/action_page.php" method="get">
    <input type="submit" value="Submit">        
    <table>
      @foreach ($tags as $tag)
      <tr>
        <td>
           <br>{{$tag->title}}</br>
        </td>                
        <td>
            <input type="checkbox" name={{$tag->title}} value="true"><br> 
        </td> 
      </tr>     
      @endforeach
    </table>
  </form>

来源：https://www.w3schools.com/tags/att_input_checked.asp

可停止菜单的潜在代码：

<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>

来源：https://www.w3schools.com/howto/howto_css_dropdown.asp

如何实现这一目标？表单只有一个按钮操作，以及如何将提交按钮设置为可下拉的下拉列表？

谢谢。

Answer 1

我认为你正在寻找类似的东西：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
    <form method="POST" action="mypage.php">
    <div class="dropdown">
      <input type="submit" value="dropdown" />
            <div class="dropdown-content">
                <table border="1" style="width: 160px;">
                <tr>
                    <td>rugby</td>
                    <td><input type="checkbox" value="rugby" name="sport[]"/></td>
                </tr>                    
                <tr>
                    <td>tennis</td>
                    <td><input type="checkbox" value="tennis" name="sport[]" /></td>
                </tr>
                </table>
            </div>
    </div>
    </form>
</body>
</html>

从下拉菜单中选择元素，然后单击按钮sumbit将它们作为数组发送到PHP页面。我使用的CSS与下拉菜单的链接中显示的相同。这是结果：

希望它有所帮助。

如何使用复选框和可停靠的下拉菜单创建表单以选择操作

1 个答案: