选择框中的选项无响应

Posted 2023-02-24

【中文标题】选择框中的选项无响应

【英文标题】：Options in select box not responsive

【发布时间】：2016-10-11 02:10:36

【问题描述】：

我的选择字段中的选项没有响应。

我使用 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>

有人知道解决办法吗？

【问题讨论】：

感谢您的回复，我尝试了其他列宽但没有解决问题。

我认为这完全取决于您有多少选择。看着滚动条，似乎你有很多选择。考虑使用 ajax 加载器 (select2.github.io/examples.html)

@Dave 谢谢你的链接，是的，你是对的，有很多选项，但我认为问题是引导程序无法为选项标签添加样式，因为它位于 php 标签中。有一种方法可以在 php 中强制样式？

【参考方案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

【讨论】：

感谢您非常有趣的回答，但这并不能解决问题...我将使用下拉按钮进行测试