Question

我有一个带复选框的下拉菜单。我可以通过单击复选框来选择多个项目。但是无法通过单击下拉框中的项目名称进行选择。现在，当我单击名称而不是复选框时，光标移至网页顶部，并且下拉菜单中未选择任何内容。有什么方法可以单击多个下拉菜单项，并且它们被选中？我的代码如下：

<div id="parents"  style="display:block">   
     <div class="col-sm-5">
      <div class="dropdown test">
         &nbsp;<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="single[]" id="single">Select Event Singles
           <span class="caret"></span></button>
                <ul class="dropdown-menu" >
                <?php

     $mysqli = new mysqli("localhost", "user", "passwd", "db_name") or die("could not connect to database") . "<br>";
                                    $result = $mysqli->query("SELECT EventID,Event_Name FROM events where EventID IN (2,3,4,5,6,8,9,10,12,16,17,18,20)");
                                    if ($result->num_rows > 0) {
                                        // output data of each row
                                        while ($row = $result->fetch_assoc()) {

                                            echo "<li><a href='#' class='test'><input type='checkbox' name='frames[]' value='".$row['EventID']."' >" . $row["Event_Name"] . "</input></a></li>";
                                        }


                                    }
                                    $mysqli->close();
                                    ?>
                                </ul>
                            </div>
                        </div>

Answer 1

 <div id="parents"  style="display:block">   
<div class="col-sm-5">
    <div class="dropdown test">
        &nbsp;<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" name="single[]" id="single">Select Event Singles
        <span class="caret"></span></button>
        <ul class="dropdown-menu" >
        <?php
            $mysqli = new mysqli("localhost", "user", "passwd", "db_name") or die("could not connect to database") . "<br>";
            $result = $mysqli->query("SELECT EventID,Event_Name FROM events where EventID IN (2,3,4,5,6,8,9,10,12,16,17,18,20)");
            if ($result->num_rows > 0) {
                // output data of each row
                while ($row = $result->fetch_assoc()) {

                    echo "<li><input type='checkbox' name='frames[]' value='".$row['EventID']."' id='checkbox_".$row['EventID']."'></input><label for='checkbox_".$row['EventID']."'>" . $row["Event_Name"] . "</label></li>";
                }


            }
            $mysqli->close();
            ?>
        </ul>
    </div>
</div>

您可以尝试一下。

您可以为每个复选框分配ID。

为每个复选框文本添加标签。

为每个标签添加“ for”属性，并分配相应复选框的ID。

在下拉列表中选择多个具有复选框的项目

1 个答案: