多行select2下拉和引导程序

Question

当处于“关闭”状态时，如何使用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>

Answer 1

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

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

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