多行 select2 下拉菜单和引导程序答案

【问题标题】：Multiline select2 dropdown and bootstrap多行 select2 下拉菜单和引导程序
【发布时间】：2015-10-15 02:36:31
【问题描述】：

如何在“关闭”状态下创建一个 select2 下拉多行，即在多行中显示文本而不用“...”截断它

下面的例子是当前（不正确的）状态。它还将下拉菜单显示为禁用 - 我在启用状态下得到相同的结果。

下面的示例显示了如果启用“多个”选项会发生什么

<div class="form-group ">
    <label for="visit_id" class="col-md-4 control-label">Visit Address</label>
    <div class="col-md-6">
        <select class="visit2 form-control" id="visit_id" name="visit_id"><option value="4" selected="selected">79681 Noel Rapid, Suite 107, Apt. 918, Suite 639, Rennerbury, 51356-7440, Mexico</option></select>
    </div>
</div>

<div class="form-group {{ $errors->has('visit_id') ? 'has-error' : ''}}">
    {!! Form::label('visit_id', 'Visit Address', ['class' => 'col-md-4 control-label']) !!}
    <div class="col-md-6">
        {!! Form::select('visit_id', $addresses, null, ['class' => 'visit2 form-control']) !!}
        {!! $errors->first('visit_id', '<span class="help-block">:message</span>') !!}
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
         $(".visit2").select2().prop("disabled", true);
    });
</script>

【问题讨论】：

抛开主要问题不谈，但我的建议是帮助那些会看到这个问题的非 Laravel 人（因为据我所知，你对 Laravel 的使用实际上与此无关）是删除示例 HTML 中的 Laravel/Blade。用纯 HTML 创建一个简化的测试用例，然后发布以帮助那些想帮助你的人。
@alexrussell 添加了 HTML 版本
好东西 - 下一个问题：据我所知，您说您想禁用它但保持显示为多行，所以问题是：您可以让它显示为多行它没有被禁用？我什至没有意识到 select2 这样做了。
@alexrussell 即使启用，select2 也会禁用自动换行并截断显示的内容（使用“...”）
我就是这么想的。那么你的问题到底是什么？听起来你在要求一些可能不可行的东西，但是用这样一种方式来表达它，让人们认为它应该是。也就是说，至少我读它的方式，你有点暗示当 not 禁用时一切都很好，但是当禁用时它不是在打球，但这似乎不是从你上面的答案来看。因此，Select2 可能无法处理多行句号，而不仅仅是在禁用时。但也许我正在错误地阅读你的问题。

标签： jquery html laravel jquery-select2

【解决方案1】：

也许，由于您的 css，某些由 select2 创建的标签的宽度设置为 100%。所以，要修复它，你可以在你的 select2 初始化之后放置这个 js：

$(".select2-search-field").css("width", "auto");
$(".select2-input").css("width", "auto");

我只是不记得你是否必须改用"auto"或"intial"。

【讨论】：

尝试输入一个修复号，看看它是否有效。例如：.css("width", "200px");