【问题标题】:Make a scrollabe input type text of select2制作 select2 的可滚动输入类型文本
【发布时间】:2013-04-15 13:42:17
【问题描述】:

我使用 select2 代替搜索框。

我在这里用来加载这样的国家/地区值

 <label class="description"> Countries </label>
<input type="text" placeholder="Enter Comma Separated Countries..." class="save_check" 
    style="overflow: auto; width: 208px; margin: 5px 0px 5px; border-style: solid;" id="countries" />

这里发生的情况是,每当我在其中选择值时,此输入类型文本的高度会继续增加,超出其父 div 高度,我不希望它随着参数的增加而可滚动。在select2.css 中,我更改了overflow: auto,但没有任何效果。

【问题讨论】:

  • 你应该设置一个 jsfiddle,如果没有工作样本很难看到你的问题。
  • Roasted 如何在 jsfiddle 中加载外部 select2.min.js 和 select2.js。我是 jsfiddle 的新手
  • 您必须使用 CDN 服务器从左侧的外部资源字段添加它,请参阅此 jsfiddle 已经加载了 select2.js:jsfiddle.net/platypusman/xDUUg

标签: javascript jquery jquery-select2


【解决方案1】:

overflow: auto 工作的元素设置高度。

.select2-container-multi .select2-choices {
 height: 70px; 
 overflow: auto;
}

【讨论】:

    猜你喜欢
    • 2021-09-02
    • 1970-01-01
    • 1970-01-01
    • 2015-09-04
    • 1970-01-01
    • 2023-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多