twitter-bootstrap - 如果选项有多个空格，则所选文本不正确

Question

我创建了一个引导多选：

<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 AB、Dr BC、Dr PQ、Dr periciado

选择多个值后，它始终在所选文本框中显示“Dr A B”。我从选项值中删除了空格，它可以正常工作，但它不适用于具有多个空格的值。

Answer 1

您是否尝试在期权价值周围加上引号？

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

代替

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