选择框中的选项无响应

Question

我的选择字段中的选项无响应。

我使用php循环来显示选项，我认为问题来自那里：

<div class="form-group">
      <label class="col-sm-2 control-label">Sélectionner un article</label>
            <div class="col-sm-10">
                 <select class="form-control m-b-sm" name="a_idarticle" id="a_idarticle">
                      <?php
                         foreach ($allarticles as $aa) {
                             echo '<option value="'.$aa['id_article'].'">'.$aa['id_article'].'--'.$aa['titre'].'</option>';
                         }
                      ?>
                </select>
         </div>
  </div>

有人知道解决方案吗？

Answer 1

一种解决方案可能是使用省略号

尝试在表单中更改select和option attr的CSS属性：

<强> CSS：

#a_idarticle, #a_idarticle option {
     text-overflow: ellipsis;
}

参考文献： Ellipsis for overflow text in dropdown boxes

编辑以添加其他解决方案： 此外，您可以使用按钮来打包下拉列表，例如：Setting the width of a dropdown list in Bootstrap 3.0