ブートストラップ付きmvcドロップダウンリスト

Question

検索可能なドロップダウンリストlike this linkがあります。

私はASP.NET MVC

に

<td class="input"> 
    <select id="classLessonSelect"> 
     @foreach (Student student in Model) { 
      <option value=@student.id>@student.Name @student.Surname</option> 
     } 
    </select> 
</td> 

を使用しています私は私は私のコードにこれを統合する方法、それを行うことができませんでしたか？ ありがとうございます

Answer 1

あなたはSelect2 https://select2.github.io/のようなプラグインを使用することを検討しましたか？それは検索可能な選択肢の1つの多くのオプションがあります。セットアップは十分容易です。

$（ "＃selectId"）。select2（）;

Answer 2

マルチセレクションオプションで検索可能なドロップダウンが必要なときにSumoSelectを使用しました。

このため、私はjQuery.Ajaxコールを使用して、データを動的にドロップダウンしました。

免責事項：それは、これがHTMLとJavaScriptに基づいているため、選択した値と、そのようなものを取得するための多くの作業が必要になりますので、伝統的なASP.Netのドロップダウンのように背後にあるコードにアクセスすることはできません。

Answer 3

まず あなたのクラスselectpickerているあなたのtags 1に詳細の一部が欠けあなた<select></select>

それはむしろ、以下のようにする必要があります：

<td class="input"> 
    <select id="classLessonSelect" class="selectpicker" data-show-subtext="true" data-live-search="true"> 
     @foreach (var student in Model) { 
      <option value=@student.id data-subtext="someSubText">@student.Name @student.Surname</option> 
     } 
    </select> 
</td> 

セカンド

このプラグインが既にに存在するかどうかを調べる必要がありますあなたが投稿したリンクに従わない場合、あなたのプロジェクトのはこれが必要ですhttp://silviomoreto.github.io/bootstrap-select/