如果选项有多个 space，则所选文本不正确

Question

我创建了一个 bootstrap 多选：

<div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="providers" style="width:100%;">Provider :</label>
                                        <select id="providers" multiple="multiple" class="form-control">
                                            @foreach (var providers in @ViewBag.Providers)
                                            {
                                                <option value=@providers>@providers</option>
                                            }
                                        </select>
                                        @Html.HiddenFor(m => m.providerString)
                                    </div>
                                </div>

@ViewBag.Providers中的选项是：Dr A B, Dr B C, Dr P Q, Dr periciado

选中多个值后，选中的文本框始终显示"Dr A B"。我从选项值中删除了空格并且它工作正常但它不适用于具有多个空格的值。

Answer 1

您是否尝试在选项的值周围加上引号？

<option value="@providers">@providers</option>

而不是

<option value=@providers>@providers</option>

如果选项有多个 space，则所选文本不正确

selected text incorrect if options have more than one space

twitter-bootstrap

bootstrap-multiselect