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>