Bootstrap 3：移动视图多选“选择了0个元素”答案

【问题标题】：Bootstrap 3: Mobile view multiple select "0 elements selected"Bootstrap 3：移动视图多选“选择了0个元素”
【发布时间】：2020-10-23 14:55:36
【问题描述】：

我正在为表单使用 Bootstrap (v3.3.7) 多选。这就是它在移动设备上的样子

无论我选择多少元素，它总是显示为 0。这是为什么呢？提交表单时没有问题，这是一个 UI 问题。这是代码

<div class="form-group">
   <div class="col-md-4">
   <label for="example" class="label-heading"><?php echo $label ?></label>
   </div>     

   <div class="col-md-8 ui-front" style="z-index: auto;">
      <select name="example" multiple class="form-control" id="example" placeholder="Multiselect">
         <?php foreach($team->result() as $r) : ?>
            <option value="<?php echo $r->ID ?>"><?php echo $r->first_name . ' ' . $r->last_name ?></option>
         <?php endforeach; ?>
      </select>
      <span class="help-block">Help text</span>
   </div>
</div>

【问题讨论】：

当用户选择某些东西时，你能显示应该处理更新显示值的事件监听器吗？
您是否尝试查看是否有任何控制台错误？您是否尝试打印 first_name 和 last_name 看看是否一切正常？
@SimoneRossaini 我没有看到任何控制台错误，是的，PHP 代码很好
@StevenKuipers 我不确定我是否理解。控制台中的所有事件侦听器都来自引导程序和 jQuery，但我不知道在那里寻找什么。我自己没有添加任何其他代码，它都是 vanilla bootstrap 3。
new vanillaSelectBox("#example")的初始化在哪里

标签： javascript php twitter-bootstrap twitter-bootstrap-3 responsive-design

【解决方案1】：

您可以尝试如下使用 foreach 循环吗：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Dynamically Generate Select Dropdowns</title>
    </head>
    <body>
        <form>
            <select>
                <option selected="selected">Choose one</option>
                <?php
                    // A sample product array
                    $products = array("Mobile", "Laptop", "Tablet", "Camera");
        
                    // Iterating through the product array
                    foreach($products as $item){
                    ?>
                         <option value="<?php echo strtolower($item); ?>">
                             <?php echo $item; ?>
                         </option>
                <?php
                    }
                ?>
            </select>
            <input type="submit" value="Submit">
        </form>
    </body>
</html>

（代码来源：https://www.tutorialrepublic.com）

【讨论】：