作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个带有复选框的下拉菜单。我可以通过单击复选框来选择多个项目。但无法通过单击下拉框中的项目名称进行选择。现在,当我单击名称而不是复选框时,光标会转到网页顶部,并且下拉菜单中没有选择任何内容。有什么方法可以单击多个下拉菜单项并选择它们吗?我的代码如下:
<div id="parents" style="display:block">
<div class="col-sm-5">
<div class="dropdown test">
<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>
最佳答案
<div id="parents" style="display:block">
<div class="col-sm-5">
<div class="dropdown test">
<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。
关于php - 在带有复选框的下拉列表中选择多个项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54085748/
我是一名优秀的程序员,十分优秀!