多行select2下拉菜單和引導程序

Question

在處於“關閉”狀態時，如何使select2下拉多行，即在多行上顯示文本，而不用“ ...”截斷它

下面的示例是當前（不正確）狀態。 它還將下拉列表顯示為禁用-在啟用狀態下我得到相同的結果。

以下示例顯示了啟用“ multiple”選項時會發生的情況

<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" 。