asp.netコアアプリケーションから複数選択を削除します。

Question

List<SelectListItem>に2つの値を持つ変数があります。私はhtmlのドロップダウンボックスとして表現したいので、このようにしています。

<div class="form-group row"> 
    <label asp-for="Roles" class="col-sm-2 col-sm-offset-2 form-control-label"></label> 
    <div class="col-md-6"> 
     <select asp-for="Roles" asp-items="@Model.Roles" class="form-control selectpicker bs-select-hidden"></select> 
    </div>   
</div> 

と、このコードは私にこれらの二つの項目のリストを示し、それはまた、selectタグ用

multiple="multiple" 

属性を生成します。

複数の属性を生成しないようにするにはどうすればよいですか？あなたの選択

Answer 1

設定multiple=falseあなたはJavaScriptを使用して、この属性multipleを削除することができます

<select multiple="multiple" size="1"> 

Answer 2

で

Answer 3

を、次の試してみてください。

モデル：

public int RoleId { get; set; } 

public SelectList Roles { get; set; } 

を例えばヘルパーCSSクラスを追加します。 ：single-select

<select asp-for="RoleId" asp-items="@Model.Roles" class="single-select"> 
</select> 

Javascriptを：

$(function(){ 
    $(".single-select").removeAttr("multiple"); 
}); 

注： あなたはRoleIdと呼ばれるプロパティを確認することができますフォームを送信した場合。 Rolesというプロパティは、おそらくすべてのアイテムを表示するためのものです。

Answer 4

asp-forプロパティがIEnumerableの場合、Select Tag Helperは自動的にselect要素を複数にします。これを回避する方法は、asp-forプロパティとして基本クラス（コレクションではない）を使用することです。 asp-itemsプロパティは、選択リストのオプションになるアイテムなので、コレクションでなければなりません。

これは単にあなたがに渡されるあなたのビューモデルを調整する必要があるかもしれませんASP-用する=「役割」

<div class="form-group row"> 
<label asp-for="Roles" class="col-sm-2 col-sm-offset-2 form-control-label"></label> 
<div class="col-md-6"> 
    <select asp-for="Role" asp-items="@Model.Roles" class="form-control selectpicker bs-select-hidden"></select> 
</div>   

あなたのASP-用=「役割」を変更しているあなたの例では

ビューには、基本クラスの役割へのアクセスだけでなく、あなたが明らかに*ムーを含めることができるのAsp-for` `指しているものは何でも

ASP NET Core Select Tag Helper Reference